HTML5圈动画，所以它看起来像它漂浮

因此，我是一个新手在HTML 5，我想使一个圆形看起来像它只是漂浮在那里，所以它不完全是这是可能的，如果它你能帮忙吗？以及您如何制作100％宽度和100％高度的画布以填充整个屏幕？，你需要一个画布来画它吗？你会怎么做？HTML5圈动画，所以它看起来像它漂浮

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();

来源

2013-01-12 Joshua Payne

这是什么意思？你想随机移动吗？如果是这样，为什么不只是用随机数字ecah框架来改变centerX和centerY？（也就是说在-0.5和0.5之间加上一个随机数，这样它就会稍微移动一下吧？ –

不，所以如果你离开它，它会在中间悬停，它会稍稍移动，但屏幕中间只有中间，而你不能用鼠标移动它 –

这听起来像你正在描述我建议的行为？ –

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

来源

2013-02-04 04:02:15 impiyush

HTML5圈动画，所以它看起来像它漂浮

回答

相关问题