Показать сообщение отдельно
  #1 (permalink)  
Старый 26.05.2013, 14:04
Интересующийся
Отправить личное сообщение для lekba Посмотреть профиль Найти все сообщения от lekba
 
Регистрация: 26.05.2013
Сообщений: 22

Как скопировать canvas и объединить все в один новый
подскажите, можно ли скопировать "уже нарисованный" канвас 18 раз,
повернуть каждый раз на +10 градусов,
и объединить все полученные таким способом канвасы в один новый?

тот же самый вопрос, простым языком, у меня есть два луча от солнышка, хотел бы из них сделать солнышко целиком, путем поворота луча относительно центра

Код:
<!doctype html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<style>
body{text-align: center;}
</style>
</head>
<body>
<canvas id="sun" height="500" width="500">the sun</canvas>
<script>
var canvas = document.getElementById('sun');
var context = canvas.getContext('2d');

context.beginPath();
context.moveTo(canvas.width/2-15, 0);
context.lineTo(canvas.width/2+15, 0);
context.lineTo(canvas.width/2-15, canvas.height);
context.lineTo(canvas.width/2+15, canvas.height);

context.fillStyle = "#ff8000";
context.closePath();

context.fill();

</script>
</body>
</html>
Ответить с цитированием