前言 (最近设计模式看的有点头大,一直面对纯js实在是有些枯燥-_-。所以写一点有趣的东西调剂一下) 现在canvas已经不算新鲜了,不过由于日常业务中并不常用,所以实践并不多,今天分享一下,如何实现简单canvas迷宫。这个例子来源于《html5秘籍》第二版,代码有稍微做了点调整。 由于中间有一步使用canvas获取图片信息的时候,必须使用服务器环境。所以我先写了一个样例扔在服务器上,大家可以先体验一下效果(用成就感作为驱动力哈哈哈) 点我体验 git地址 正文 实现这个小游戏也不难,让我们想想,一个迷宫游戏有哪些基本要素。 首先当然得有个地图,然后得有个移动的小人,这两个我们利用cava
2022-06-08 12:58:49 81KB AS c canvas
1
用canvas写的一个简易版飞机大战,里面是代码和图片
2022-06-08 01:10:20 532KB canvas 飞机大战 js
1
使用HTML5 Canvas绘制 3D房间模型和人物动画特效
2022-06-07 16:20:29 944KB HTML5 3D 房间 动画
1
《HTML5 Canvas开发详解(第2版)》第二版图书; [美] Steve Fulton,Jeff Fulton 著;任旻,罗泽鑫 译; 书内全部示例代码。
2022-06-07 14:53:53 17.53MB HTML5 Canvas
1
html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。
2022-06-07 10:57:46 185KB html2canvas
1
HTML5 Canvas核心技术源码技术代码、图形、动画与游戏开发。 Canvas开发、入门学习Canvas技术代码。 HTML5 Canvas核心技术源码技术代码、图形、动画与游戏开发。 Canvas开发、入门学习Canvas技术代码。 HTML5 Canvas核心技术源码技术代码、图形、动画与游戏开发。 Canvas开发、入门学习Canvas技术代码。 HTML5 Canvas核心技术源码技术代码、图形、动画与游戏开发。 Canvas开发、入门学习Canvas技术代码。 HTML5 Canvas核心技术源码技术代码、图形、动画与游戏开发。 Canvas开发、入门学习Canvas技术代码。 HTML5 Canvas核心技术源码技术代码、图形、动画与游戏开发。 Canvas开发、入门学习Canvas技术代码。 HTML5 Canvas核心技术源码技术代码、图形、动画与游戏开发。 Canvas开发、入门学习Canvas技术代码。 HTML5 Canvas核心技术源码技术代码、图形、动画与游戏开发。 Canvas开发、入门学习Canvas技术代码。
2022-06-07 10:17:25 16.87MB html5 动画 前端 html
1
html5canvas实现的时钟,大家参考使用吧
2022-06-06 09:23:44 41KB canvas 圆形时钟
1
HTML5 canvas射击鸭子小游戏,是基于canvas和javascript编写的在线网页小游戏,直接解压打开HTML文件即可,可供休闲玩耍也可以供需要学习的朋友观看源码。
2022-06-04 21:11:16 6.55MB canvas html5 小游戏
1
H5页面通过canvas_sign实现手机签名功能 canvas 电脑及手机端签名实现 电子签名
2022-06-02 14:05:15 30KB 文档资料
1
npm i img-synthesis 2.0.1 修改了文本自动换行功能 //可以传入h参数设置文本行间距,如果不传入默认为字号大小 await ls.addTxt('测试测试测试测试测试测试测试测试',120,120,{h:50}); 2.0.0 此版本优化了很多参数,把必要的参数提出来,不必要的参数作为配置传入 安装方式npm npm i img-synthesis 使用方法 [removed] //导入库 import imgSynthesis from '../src/imgSynthesis.js'; //设置宽高和背景颜色 let is = new imgSynthesis(400,400,"#0381ff"); //设置文字 is.addTxt("有人吗?",100,100); // 导出生成
2022-06-01 17:22:35 3.7MB HTML
1