Сообщение от Slawaq
|
|
короче оставаясь в полном не понимании графики, то ли за лени, то ли уже за тупости)) продолжил экспериментировать с вашим кодом и добился нужного мне результата, но вот другая проблема, оно мне рисует изображение, ну я как всегда застрял на тупой проблеме, они поверх рисуются, а мне надо одно, крутящиесе..) от короче
|
По правде говоря, графика мне даётся легче всего остального, так-как результат налицо всегда
Пробовали затирать фон?
Например:
<html><head><title>Canvas :: Clock</title><script>
var
cnv, ctx, image = new Image();
function Init() {
cnv = document.getElementById("clock");
ctx = cnv.getContext("2d");
image.src = "http://upload.wikimedia.org/wikipedia/commons/8/8e/%241Sp.png";
ctx.translate(cnv.width / 3 , cnv.height / 3);
ctx.strokeStyle = ctx.fillStyle = "#F0F0F0";
Animate();
}
function Animate() {
ctx.rect(-cnv.width / 5 , -cnv.height / 7, 2 * cnv.width / 5 , 2 * cnv.height / 7);
ctx.fill(); ctx.stroke();
ctx.rotate(1/6);
ctx.drawImage(image, -cnv.width / 5 , -cnv.height / 7);
setTimeout("Animate()", 100);
}
</script></head>
<body onload='Init()'>
<canvas width='320' height='240' id='clock'></canvas>
</body>
</html>