Webpack画布样板
我使用这个简单的设置来处理HTML5 canvas元素（使用ES6 / ES7优点）。 借助webpack的热模块加载，只要在磁盘上更改了相关源代码，此应用程序webpack替换浏览器document.body的canvas元素。
设置
要启动开发服务器，请运行：
# visit localhost:8080
> npm start
要生成该应用程序，请运行：
> npm run build
资料来源
这很大程度上基于安德鲁的 ，所以特别感谢他！
2021-04-30 17:03:02
11KB
1
canvas画布写的一个小游戏，通过点击鼠标来控制小鸟的高度，通过一个柱子得一分，碰到柱子或者鸟掉出画布游戏结束。
2021-04-29 17:04:37
7KB
1
吃豆人
用Canvas用HTML5 + CSS3 + jQuery编写的吃豆人游戏。 该WebApp是响应式Web设计（RWD）网站。
2021-04-28 23:42:15
319KB
1
用JavaScript canvas做的走迷宫游戏，肝了一下午，请帮忙点个赞！
2021-04-25 09:04:23
13KB
1
/**
* canvas操作历史回退及前进功能 *
* 调用示例，执行某个操作之后，调用保存历史，这里的参数都是自定义的需要保存的历史数据
* self.selectCanvas.getContext("2d").saveHistory(points, copy_segments, copy_rounds, copy_controlLine,
* copy_selectedSegments, copy_selectedPoints);
* 回撤及前进功能代码示例
* $(window).keydown(function (event) {
if (event.ctrlKey == true && event.keyCode == 90) {//Ctrl+ Z
let history_data = self.selectCanvas.getContext("2d").undo(); // 获取回退一步的历史数据
if (history_data != null) {
...
}
}
if (event.ctrlKey == true && event.keyCode == 89) {//Ctrl+ Y
let history_data = self.selectCanvas.getContext("2d").redo(); //获取前进一步的历史数据
if (history_data != null) {
...
}
}
}
**/
2021-04-16 14:01:55
2KB
html2canvas - 使用JavaScript将整个网页或一部分区域截取成图片并导出
2021-04-02 17:13:09
538KB
1