henri 一个更好的2d HTML5画布库

亨利一个有趣的2D HTML5画布库。

用法基本用途注意：查看示例以了解最新用法，将src/中的所有文件包含在您的HTML中。我将它们与cat src/*.js > examples/henri.js，然后将其包含在内。

初始化阶段：

var stage = new Stage ( document.getElementById('myCanvas') );

轰隆隆，初始化。你可能想要那里的东西，所以你可以这样做：

var asteroid = stage.addElement(0, Asteroid, { x: 100, y: 100 });

其中Asteroid是您定义的对象构造函数。第一个参数表示将元素放入哪个层；层从零开始堆叠。如果您要求将元素添加到高于最高层的层，则会添加具有下一个可用编号。

如果你对HTML5画布旋转效果感兴趣，可以参考这个示例。对于更多的画布示例源码，点击这里。还有关于HTML5的画布标签的详细介绍。如果你想了解如何在画布上实现手写签名效果，这里有一个示例代码。你也可以看看这个HTML5画布时钟，它展示了如何在画布上实现时钟效果。

你可以更好地理解和应用亨利2D HTML5画布库，创建出更多有趣和实用的项目。如何，动手试试吧？