补充一下,光使用图片链接还不够。
还得加上这一句,img.crossOrigin = "Anonymous";
并且得把你之前打开的网页关掉再重新打开才可以。
还得加上这一句,img.crossOrigin = "Anonymous";
并且得把你之前打开的网页关掉再重新打开才可以。
2016-07-08
出现下面这种情况的同学,图片的地址必须是从网上的图片才可以,例如http://example.com/image,本地图片就会抛出这种错误。
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
2016-07-08
我觉得用offsetX 和offsetY 会好些吧 canvas.getBoundingClientRect() 里面,left 和.top 是指当前页面显示部分离文档最上端或左端的距离
2016-06-21
最赞回答 / qq_月光_2
图片处理思路是这样的:1、用context.drawImage( img , x , y , dw , dh)方法绘制图像2、让图像(放大或缩小后的图)的中心与画布中心重叠,即水平垂直居中——设置的top和left即为y,x。图像的大小和画布大小都已知,故很容易得到y,x。然后context.drawImage( image , x , y , scaleImageWidth, scaleImageHeight);你这里调用的方法是错误的!!!
2016-06-18