можно ли g.rotate поворачивать ТОЛЬКО определенную фигуру , а не все систему координат??????????
|
Цитата:
g.save(); g.rotate(.... g.restore() мы поворачиваем всю систему координат но в конце восстанавливаем предыдущее состояние |
Цитата:
нет фигур на канве после "отрисовки" их . есть канва и всё! |
да, но при перерисовки они есть)))
|
"ещё раз -основы учите" на этом сайте я их прочел и ответа нужного не нашел.
|
Цитата:
это мольберт художника. можно повернуть участок мольберта с картинкой? можно нарисовать на мольберте, а потом это чудесным образом оказалось не нарисовано? Можно, но только сделав копию, с какой в дальнейшем можно работать. Можно запомнить краску какой рисовалось, кисть .... -в общем использованные инструменты, чтоб потом к ним вернуться |
Спасибо. Очень хорошо)
|
а с помощю css можно поварачивать?
|
Писал тут клас планет для создания модели солнечной системы, но чет не че не работает(
вот код: <html><canvas id=c width=500 height=500</canvas> <script> window.onload=function(){ c= document.getElementById('c');g= c.getContext('2d'); var planet=function(w,h,x,y,xCentr,yCentr,rad,speed,an gle,col) { /*w,h это ширина и высота квадрата x,y его положение xCentr,yCentr это точка во круг которой врыщыется квадрат rad это расстояние от центр. до квадрата speed это скорость квадрата angle это угол относительно точки вращения col это цвет квадрата*/ that={ w:w, h:h, x:x, y:y, xCentr:xCentr, yCentr:yCentr, rad:rad, speed:speed, angle:angle, move: function() { x=xCentr+Math.cos(angle)*rad; y=yCentr+Math.sin(angle)*rad; angle+=speed; } draw: function() { g.fillStyle=col; g.fillRect(x,y,w,h); } }; return that; }; var pandora=new planet(10,10,0,0,250,250,100,0.01,0,"#0f0"); setInterval(ris,30); function ris(){ g.clearRect(0,0,500,500); g.fillRect(0,0,500,500); pandora.move(); pandora.draw(); } } </script></html> я так и не полял где ошибка...Помоги исправить пожалуста:) |
<!DOCTYPE html>
<html><canvas id=c width=500 height=500</canvas>
<script>
window.onload=function(){
c= document.getElementById('c');g= c.getContext('2d');
var planet=function(w,h,x,y,xCentr,yCentr,rad,speed,angle,col) {
that={
w:w,
h:h,
x:x,
y:y,
xCentr:xCentr,
yCentr:yCentr,
rad:rad,
speed:speed,
angle:angle,
move: function() {
x=xCentr+Math.cos(angle)*rad;
y=yCentr+Math.sin(angle)*rad;
angle+=speed;
}
,
draw: function() {
g.fillStyle=col;
g.fillRect(x,y,w,h);
}
};
return that;
};
var pandora=new planet(10,10,0,0,250,250,100,0.01,0,"#0f0");
setInterval(ris,30);
function ris(){
g.clearRect(0,0,500,500);
//g.fillRect(0,0,500,500);
pandora.move();
pandora.draw();
}
}
</script></html>
|
| Часовой пояс GMT +3, время: 18:25. |