一、什么是Canvas Canvas 是H5的一部分，允许脚本语言动态渲染图像。Canvas定义一个区域，可以由html属性定义该区域的宽高，JavaScript代码可以访问该区域，通过一整套完整的绘图功能（API），在网页上渲染动态效果图。 二、Canvas能做什么 游戏：毫无疑问，游戏在HTML ...
分类：
其他好文 时间：
2019-09-10 13:20:54
阅读次数：
88
此插件能干什么？ 一句话概括：通过程序主动触发移动端 滑动 、 拖拽 、 触碰 等操作 插件有什么用呢？ 可以用于爬虫，也可以用于自动化测试以及程序演示 "插件演示地址" （从网上扒了一个canvas绘图的demo，引入touchRobot,通过程序绘图） 注意，请在手机模式查看所有演示地址，插件仅 ...
分类：
其他好文 时间：
2019-05-13 14:07:59
阅读次数：
136
1. 语义化标签 2. 增强型表单 （1）新的表单输入类型 （2）新表单元素 （3）新表单属性 3. 视频和音频 4. Canvas绘图（图形、路径、文本、渐变、图像） 5. SVG绘图 （与Canvas的区别） 6. 地理定位 7. 拖放API 8. Web Worker 完整的Web Worke ...
分类：
Web程序 时间：
2019-04-25 14:43:20
阅读次数：
173
最近一直在处理video标签在IOS和Android端的兼容问题，其中遇到不少坑，绝大多数问题已经解决，下面是处理问题经验的总结： 1.获取视频的第一帧作为背景图； 技术：canvas绘图 2.禁止安卓手机自动全屏 video标签在安卓系统下，默认全屏，通过添加属性可以禁止全屏， x5-playsi ...
分类：
移动开发 时间：
2019-03-27 12:57:30
阅读次数：
522
最近在开发小程序，产品经理提了一个需求，要求微信小程序换头像，用户剪裁图片必须是圆形，也在github上看了一些例子，一般剪裁图片用的都是方形，所以自己打算写一个小组件，可以把图片剪裁成圆形，主要思路就是使用canvas绘图，把剪裁的图片绘制成圆形，另外剪裁图片的窗口还可以移动放大缩小，这个功能就用... ...
分类：
微信 时间：
2019-03-04 23:43:42
阅读次数：
289
1、canvas 绘制 当canvas不设置大小时，默认宽300，高150； 注意：不建议使用css 设置大小，可以利用行内样式 width="",height=""去设置（无单位）； canvas 是基于状态进行绘制的； 举例说明： 上述代码显示结果为全部均为黑色； 如何更改？ 在绘制前conte ...
分类：
其他好文 时间：
2019-02-23 14:44:47
阅读次数：
199
太久没有更新了，新年回来工作，突然有收到网友的邮件提问，居然还有人在关注，惭愧，找了下电脑上还有一点儿存着，顺便先发这一个番外篇吧，好歹可以看到真实的效果，等我考完英语，一定会更新下一章，“愤怒的小鸟篇” 此篇，并不是书中的篇符，而是通过希望通过结合实际的canvas 绘图库实现box2d物理引擎 ...
分类：
编程语言 时间：
2019-02-17 15:28:27
阅读次数：
207
function palette(canvas,ctx){ //初始化画布内部元素默认样式 this.strokeColor = 'red'; //默认选中红色触发颜色 this.fillColor = 'green'; //默认选中绿色填充色 this.style = 'tablet'; //默认 ...
分类：
其他好文 时间：
2019-01-19 12:12:15
阅读次数：
225
1、语义标签 比如 header、nav、footer、section等 2、input表单增强 比如 date日期选择 time时间选择 search搜索 tel电话 url地址 3、视频音频 audio video 4、canvas绘图 5、SVG绘图 6、地理位置 7、拖放API 比如 拖放文 ...
分类：
Web程序 时间：
2018-11-13 02:56:36
阅读次数：
222
统计图报错: 这里的报错与echarts无关，与zrender有关，zrender是echarts依赖的canvas绘图库 你不需要了解zrender，这个问题是你代码出了错 谨记::代码的错 ...
分类：
其他好文 时间：
2018-09-28 12:56:09
阅读次数：
1108
