HTML5圈子动画,所以它看起来像是浮动的

时间:2013-01-12 13:45:43

标签: jquery html5 animation html5-canvas geometry

所以我在html 5上是一个新手,我试图让一个圆圈看起来只是漂浮在那里所以它不是完全仍然是可能的,如果它可以帮助你? 如何使画布100%宽度和100%高度,以填充整个屏幕? 你需要画布来绘制它吗?你会怎么做?

    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');
    var centerX = canvas.width / 2;
    var centerY = canvas.height / 2;
    var radius = 70;

    context.beginPath();
    context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
    context.fillStyle = 'green';
    context.fill();
    context.lineWidth = 2;
    context.strokeStyle = '#003300';
    context.stroke();

1 个答案:

答案 0 :(得分:0)

您可以在我的问题上查看我的代码:mouse-over-html-5-canvas-image-in-animation-to-play-pause-it。我的问题中的代码与您想要的一样。也许这对你有所帮助。