canvas无法使用rem单位的解决方案
在移动端，画布的大小要根据屏幕的大小进行适配，我们一般采用rem结合媒体查询的方式。使用canvas时就遇到遇到一些问题：canvas的width属性不支持rem单位(如果使用样式当然支持rem，但注意canvas的width属性与style中的width是有区别的)
js原生file对象和blob对象的互相转换
使用FileReader 对象转换：File => DataURL，该对象用于读取文件（读取单个对象文件，所以，不能直接读取 Filelist 对象文件集合），即把文件内容读入内存。它接收 File 对象或 Blob 对象，作为参数。
canvas绘制表格
追梦猪（zmz）最近在学习canvas画图表，所有收藏一下相关的demo，供有缘人参考，Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。
HTML <canvas> 标签
<canvas> 标签定义图形，比如图表和其他图像,只是图形容器，您必须使用脚本来绘制图形。
移动端自适应px转rem解决方法
rem是相对于根元素html，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。1rem=16px(浏览器html的像素，可以设定这个基准值），假如浏览器的html设为64px，则下面的元素则1rem=64px来运算。
vue图片上传，预览，压缩组件
利用H5的FileReader对象将上传的图片转base64格式，利用canvas的drawImage方法重绘上传的图片（注：drawimage是一个异步方法，需要在图片读取成功后在进行重绘，否则可能会压缩不成功）在利用canvas的toDataURL方法将图片压缩
微信小程序项目实例大全
小程序相关实例集合，参考小程序集合相关实例
html2canvas将HTML内容写入Canvas生成图片
html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本：Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的浏览器。
canvas连线
一款canvas连线效果展示
HTML5 canvas烟花动画代码
HTML5 canvas烟花动画代码，生日祝福烟花动画，全屏显示。
- 1
- 2
- 共12条,2页,当前页码1