![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
qiphon3650
成功需要努力,知识源于分享!
展开
-
canvas绘制圆角头像
canvas 绘制圆角头像,绘制圆角矩形原创 2022-09-24 08:46:56 · 434 阅读 · 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 · 1065 阅读 · 0 评论 -
canvas验证码
canvas验证码 *{ margin: 0; padding: 0; } #myCanvas{ cursor: pointer; } 获取验证码 var canv = document.getElementById('myCanvas原创 2017-06-19 13:48:45 · 693 阅读 · 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 · 465 阅读 · 0 评论 -
echarts初识
ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深转载 2018-01-08 17:27:55 · 474 阅读 · 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 · 1929 阅读 · 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 · 14292 阅读 · 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 · 833 阅读 · 0 评论