HTML5 Canvas用鼠标操纵字母

Question

我是HTML5 Canvas的新手，因为我对它很少有经验。我想要完成的是大约50个字母D，不同大小和颜色在屏幕上移动。当用户用鼠标接近这些字母时，我希望字母加速并移动。有没有人有这方面的好教程？

Answer 1

您对这些JavaScript概念感到满意吗？

• 数组，
• objects，
• 事件处理程序，
• 计时器，
• 成型，
• 伪类

如果您对这些javascript概念感到满意，请查看此演示：

启动演示，然后按住鼠标以创建“粒子”。

粒子将被鼠标接近击退。

http://soofw.com/demos/fountains/

它适用于圆形“球”对象，但您可以调整代码来绘制D'：

Ball.prototype.draw=function() {
    surface.context.font = this.font;  // add the font property to the Ball class
    surface.context.fillStyle = this.color.v
    surface.context.fillText("D",this.x,this.y);
}

等等......

如果您对代码不满意，请按@Vincent Piel的建议：google = html canvas library。