基于JavaScript Canvas的植物大战僵尸，周末爆肝之作，请点个赞再走！

如下图，最近项目中需要这么个树形结构可视化数据图形，找了好多可视化插件，没有找到可用的，所以就自己画了一个，代码如下。 树形分支是后端接口返回数据渲染，可展示多条； 代码可拓展，可封装； 点击节点可查看备注； const canvas_options={ canvasWidth: 750, canvasHeight: 800, chartZone: [70,70,750,570], //坐标绘制区域 yAxisLabel:

个人练手用的，很多东西都是瞎写的，看看就好

antv x6 的简单静态示例

antv-x6最新示例代码

解压密码：RJ4587 这次要给大家带来一个特别炫酷的HTML5 Canvas图片切换动画，它是基于three.js动画库实现的，主要动画是图片以撕碎的特效进行切换，相当震撼。另外，在图片切换过程中，你也可以通过鼠标拖动来查看切换时的具体细节效果。如果将它制作成一个效果非常独特而华丽的相册或者焦点图插件，相信会很不错的。

/** * 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) { ... } } } **/

页面绘图工具超好用。。。。。。效果查看https://blog.csdn.net/qq_29099209/article/details/101679404

canvas绘制中国象棋棋盘，简单易懂的小Demo,想学canvas的小伙伴可以自行下载学习下

扫码示例亲测可以用，这个大家可以放心下载！！！扫码是通过jsQR库实现的，在vue环境也可以实现调用摄像头进行扫描二维码并且返回二维码链接的一个操作。示例是一个html和一个jsQR.js两个文件，想了解vue环境的代码怎么写的可以去看看我的写的文章。文章链接：https://blog.csdn.net/qq_34227291/article/details/107793197