最新回答 / 諾伊
可以用js鼠標觸發(fā)事件加上canvas的功能實現(xiàn)
切割圖像是以放大后圖片的左上角為坐標原點（０,０）。切割一個和畫布大小相同的圖片。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
然后放到ｃａｎｖａｓ左上角（０,０），寬高用ｃａｎｖａｓ的大小。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
兩次參考坐標不一樣！ 覺得好理解的拿走不謝。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
然后放到ｃａｎｖａｓ左上角（０,０），寬高用ｃａｎｖａｓ的大小。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
兩次參考坐標不一樣！ 覺得好理解的拿走不謝。
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下會發(fā)生錯誤
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
大概意思就是發(fā)生了跨域操作，也就是指圖片的來源和當前的網頁來源不同時，造成了跨域，據(jù)說放到服務器上加載就會解決這個問題，但是firefox卻沒問題，具體原理我也不懂，老師的代碼放到了本地模擬的服務器環(huán)境可以順利運行，出錯的同學應該是和我一樣直接加載到瀏覽器運行的
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
大概意思就是發(fā)生了跨域操作，也就是指圖片的來源和當前的網頁來源不同時，造成了跨域，據(jù)說放到服務器上加載就會解決這個問題，但是firefox卻沒問題，具體原理我也不懂，老師的代碼放到了本地模擬的服務器環(huán)境可以順利運行，出錯的同學應該是和我一樣直接加載到瀏覽器運行的
2016-04-22