今天在做canvas图片压缩时碰到一个奇怪的问题，使用canvas绘制画片并转换成base64时，
老是报错如下：
image_handler.html:50 Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
产生这个错误的原因是因为我使用的是一张远程的图片(图片地址以http开头),canvas在使用远程图片的时候会有跨域的问题。解决的方法是在加载图片之前做如下的设置即可：
if(image.indexOf('http') == 0)img.crossOrigin = '*';
注意：不这样设置的话，图片也是可以绘制出来的，但是要对它进行运算就不行了。这个坑以后可能还会踩到，所以记录下来。
完整代码如下：
简单了解canvas 1.什么是canvas HTML5 的 canvas 元素使用 JavaScript 在网页...
一、认识canvas 1、什么是canvas canvas是html5的标签，可以用Javascript在html...
今天在做canvas图片压缩时碰到一个奇怪的问题，使用canvas绘制画片并转换成base64时， 老是报...
Canvas绘图- JavaScript 来绘制图像 使用 JavaScript 来绘制图像canvas 元素本身...
JavaScript canvas canvas 绘制图形，结合逻辑整理动画效果，页面柱状图等 基本操作 1.xx...
一、什么是canvas？ canvas 是 HTML5 的标签元素，使用 JavaScript 在canvas里绘...
Canvas和SVG Canvas 通过Javascript 来绘制 2D 图形。Canvas 是逐像素进行渲染的...
1. Canvas Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图...
canvas元素用于网页上绘制图形。 什么事Canvas？ HTML5的canvas元素使用JavaScript在...
标签： cancas canvas是什么？ HTML5 的 canvas 元素使用 JavaScript 在网页上...
本文标题：javascript canvas 1
本文链接：https://www.haomeiwen.com/subject/zsbhottx.html
网友评论