兼容和存在即合理 化繁为简 doctype 字符集声明 浏览器原生代码更替复杂JavaScript 3 . 更为强大的API Selectors API Canvas API 4 . JavaScript日志和调试 浏览器检查元素--设断点，分析变量 控制台console【.log API比alar ...
分类：
Web程序 时间：
2020-07-21 09:30:50
阅读次数：
87
引子 近期的工作中，遇到的功能需求，需要控制文字显示行数，超过就省略号显示。 Origin My GitHub 文字换行 一般文字行数控制用 css 就可以实现，但在 canvas 中不行。在网站查询资料，就可以发现需要程序控制文字换行，主要使用到的方法是 measureText()，这个方法会返回 ...
分类：
其他好文 时间：
2020-07-20 10:21:09
阅读次数：
70
首先，要清楚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
