canvas
关注
分享
扫一扫
qiphon3650
成功需要努力，知识源于分享！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas绘制圆角头像
canvas 绘制圆角头像，绘制圆角矩形原创 2022-09-24 08:46:56 · 600 阅读 · 2 评论 -
canvas.toBlob bug
canvas.toBlob bug最近在使用canvas.toBlob 将canvas转为 File 时遇到一个问题，blob 的回调函数拿到的值是null，当图片质量大于 4M 时，临界值还没有测试，后续会继续补充。如果有遇到相同问题的朋友推荐使用 canvas.toDataURL然后用下面的函数将 base64 转为 Blob/** * 转换图片的 base64 到 blob */export const base64ToBlob = (data: string) => { va原创 2021-10-26 11:02:48 · 1539 阅读 · 0 评论 -
canvas验证码
canvas验证码 *{ margin: 0; padding: 0; } #myCanvas{ cursor: pointer; } 获取验证码 var canv = document.getElementById('myCanvas原创 2017-06-19 13:48:45 · 850 阅读 · 0 评论 -
<canvas> 标签
标签定义图形，比如图表和其他图像。 实例如何通过 canvas 元素来显示一个红色的矩形：var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000';ctx.fillRect(0,0,80,100);转载 2017-08-10 15:40:27 · 661 阅读 · 0 评论 -
echarts初识
ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深转载 2018-01-08 17:27:55 · 632 阅读 · 0 评论 -
canvas 烟花特效
特效代码，本特效来自脚本之家，我将其去除了jQuery，还有一些其他的更改 Canvas 实现放烟花特效 "utf-8"> "X-UA-Compatible" content="IE=edge"> "text/css"> body { background: #ccc; } #banner-fire { position:转载 2018-02-02 16:45:10 · 2124 阅读 · 4 评论 -
Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exported
启用了 CORS 的图片 HTML 规范中图片有一个 crossorigin 属性，结合合适的 CORS 响应头，就可以实现在画布中使用跨域 元素的图像。什么是“被污染”的 canvas?尽管不通过 CORS 就可以在画布中使用图片，但是这会污染画布。一旦画布被污染，你就无法读取其数据。例如，你不能再使用画布的 toBlob(), toDataURL() 或 getImageData(...原创 2018-04-26 00:18:59 · 15252 阅读 · 0 评论 -
canvas 图片灰度算法
canvas 图片灰度算法平均值Gray = ( Red + Green + Blue ) / 3按人眼对三原色的感知度 ： 绿 》 红 》 蓝Gray = ( Red * 0.3 + Green * 0.59 + Blue * 0,11 )<!DOCTYPE html><html lang="en"><head> ...转载 2018-07-25 14:40:36 · 1009 阅读 · 0 评论