切割图像是以放大后图片的左上角为坐标原点(0,0)。切割一个和画布大小相同的图片。
----------------------------------------------------------
然后放到canvas左上角(0,0),宽高用canvas的大小。
----------------------------------------------------------
两次参考坐标不一样! 觉得好理解的拿走不谢。
----------------------------------------------------------
然后放到canvas左上角(0,0),宽高用canvas的大小。
----------------------------------------------------------
两次参考坐标不一样! 觉得好理解的拿走不谢。
2016-05-04
已采纳回答 / yansen945
context.drawImage( image , sx , sy , canvas.width , canvas.height , 0 , 0 , canvas.width , canvas.height );这句改成context.drawImage( image , sx , sy , canvas.width , canvas.height , sx , sy , canvas.width , canvas.height );
2016-04-28
非常的酷!
但是如果将模糊半径调的过大,靠近边框处没有处理的模块就变的明显了,大家可以试试模糊半径blurR = 10时
但是如果将模糊半径调的过大,靠近边框处没有处理的模块就变的明显了,大家可以试试模糊半径blurR = 10时
2016-04-26
在chrome下会发生错误
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
大概意思就是发生了跨域操作,也就是指图片的来源和当前的网页来源不同时,造成了跨域,据说放到服务器上加载就会解决这个问题,但是firefox却没问题,具体原理我也不懂,老师的代码放到了本地模拟的服务器环境可以顺利运行,出错的同学应该是和我一样直接加载到浏览器运行的
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
大概意思就是发生了跨域操作,也就是指图片的来源和当前的网页来源不同时,造成了跨域,据说放到服务器上加载就会解决这个问题,但是firefox却没问题,具体原理我也不懂,老师的代码放到了本地模拟的服务器环境可以顺利运行,出错的同学应该是和我一样直接加载到浏览器运行的
2016-04-22