首先，要清楚File与Blob之间的关系 File继承自Blob，扩展了一些属性，例如文件名、修改时间、路径等 注意：Edge浏览器不支持File对象构造函数 话不多说先上图 下面描述之间的转换：点击这里，或这里 ...
分类：
Web程序 时间：
2020-07-18 22:47:49
阅读次数：
103
今天郭先生说一下用canvas解析图片流，然后制作一个动态二维码的小案例，话不多说先上图，在线案例点击博客原文。这是郭先生的微信二维码哦！ 1. 解析图片流 canvas = document.createElement('canvas');//创建canvas画布 content = canvas ...
分类：
Web程序 时间：
2020-07-18 13:52:34
阅读次数：
92
1，<article> 定义文章 2，<aside> 定义页面内容之外的内容 3，<audio> 定义声音内容。 4，<canvas> 定义图形。 5，<embed> 定义外部交互内容或插件 6，<footer> 定义 section 或 page 的页脚。 7，<header> 定义 sectio ...
分类：
Web程序 时间：
2020-07-13 21:41:31
阅读次数：
98
效果 storeStyle: { display: 'flex', alignItems: 'center', } ...
分类：
微信 时间：
2020-07-13 21:28:34
阅读次数：
146
function addWaterMarker(str){ var can = document.createElement('canvas'); var body = document.body; body.appendChild(can); can.width=400; //画布的宽 can.h ...
分类：
Web程序 时间：
2020-07-13 18:15:51
阅读次数：
112
引子 近期的工作中，是继 canvas 设置边框问题 之后碰到的第 4 个问题。 Origin My GitHub 图片圆角问题 如果只是想要显示圆角的效果，设置 border-radius 就可以了，但如果要让 canvas 合成的图片显示为圆角，这种 css 方式不行。这是示例，扫描访问二维码如 ...
分类：
其他好文 时间：
2020-07-13 09:27:14
阅读次数：
112
其实一直想学习一下svg，但是每次看到那些茫茫多的内容，自己又都望而却步，现在手上有个项目，设计稿如下所示，本来想直接搞个图片贴上去就完了，但是会有自己的脚印移动，并且是曲线，这种css就不太行了，这里需要根据自己的进度来显示脚步的位置，这就是一个不规则的进度条了，思来想去，只能考虑canvas和s ...
分类：
其他好文 时间：
2020-07-12 22:10:15
阅读次数：
69
一、在canvas画布中如何加载图片 用drawImage( )方法 drawImage用法的三种情况： 1、在画布指定位置定义图像 ctx.drawImage(img,x,y); 注：此时画布上显示的图片大小是图片的默认大小 2、在画布上定位图像，并规定图像的宽度和高度： ctx.drawImag ...
分类：
其他好文 时间：
2020-07-11 19:00:20
阅读次数：
49
项目背景：微信公众号，不想用微信JS-SDK 图片上传功能发现部分机型，微信内置浏览器，vant-upload组件选取图片会发生旋转解决方案：利用H5的canvas标签操作图片旋转代码注释不全，大概逻辑就是 选图片 =》读取文件后 =》 判断图片方向 =》用画布重画图片并旋转 =》保存图片文件 代码 ...
分类：
微信 时间：
2020-07-11 17:34:23
阅读次数：
112
1．Canvas概述 Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。 要使用HTML5在浏览器窗口中绘制图形，首先需要在HTML文档中新建一个canvas网页元素。一般方法如下： <canvas id=" ...
分类：
编程语言 时间：
2020-07-10 18:46:02
阅读次数：
64
