jquery - HTML5 圆形动画，所以看起来它是浮动的

Question

所以我是 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();

Answer 1

您可以在我的问题上查看我的代码：mouse-over-html-5-canvas-image-in-animation-to-play-pause-it。我问题中的代码与您想要的相同。也许它可能对你有一些帮助。