подскажите, можно ли скопировать "уже нарисованный" канвас 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> |