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。私の質問のコードは、あなたが望むのと同じことをします。ひょっとしたら、あなたの役に立つかもしれません。