-1
現在我已經兩天沒有成功地用drawImage javascript函數掙扎了。用於裁剪的drawImage不起作用
我只是試圖裁剪圖片的一部分來創建一個新的，更小的。我正在使用選擇矩形來選擇要複製的圖片部分，但是在所採用的區域中始終存在偏移量，並且還有大小錯誤。我全面閱讀了這個函數，但是我不明白我做錯了什麼。它可能是隱藏在森林中的樹...
下面是測試頁draw tester
提前許多感謝的鏈接。
A
回答
0
最後，這個問題來自於這樣一個事實，即drawImage只能處理圖像的自然尺寸。如果您出於某種原因拉伸圖像，則必須計算拉伸尺寸與自然尺寸之間的比例。
您還必須確保選擇矩形是相對於圖像而不是文檔或其他父元素。
我從基思
鏈接更新到這些事實的演示頁 here多虧了良好的建議
相關問題
- 1. drawImage（）不起作用
- 2. drawImage（）不起作用
- 3. 如何使用drawImage（）來裁剪圖像？
- 4. 核心圖形剪裁不起作用
- 5. JPanel裁剪或（.setBounds（））不起作用
- 6. Codeigniter圖像裁剪不起作用
- 7. Javascript - canvas - drawImage不起作用
- 8. Ionic - drawImage（）不起作用
- 9. PHP裁剪不起作用，返回黑色圖像 - 圖像裁剪系統
- 10. 使用createJS中的sourceRect裁剪位圖不起作用
- 11. 圖像裁剪使用jquery真棒裁剪，不工作
- 12. 使用drawImage（）畫布裁剪圖像的倍數？
- 13. drawImage方法的畫布不起作用
- 14. 的DrawImage（）功能不起作用正確
- 15. 圖像裁剪在本地工作臺中不起作用
- 16. 裁剪BufferedImage用於Xuggle encodeVideo
- 17. 裁剪而不是裁剪
- 18. JQuery畫布drawImage（）不起作用
- 19. excanvas drawImage方法不起作用在IE8
- 20. iPad Ibooks Javascript Canvas DrawImage不起作用
- 21. drawImage在畫布上不起作用
- 22. 關於裁剪/裁剪視圖
- 23. 裁剪圖像編碼爲Android 3.1不起作用
- 24. 更新容器後，Rails + jQuery：裁剪不起作用
- 25. ffmpeg：縮放輸出裁剪寬度/高度不起作用
- 26. Meio上傳行爲 - 縮放裁剪不起作用
- 27. Wordpress精選圖片調整大小和裁剪不起作用
- 28. 薩瑟蘭 - 霍奇曼多邊形裁剪不起作用
- 29. 從相機捕捉圖像和裁剪不起作用
- 30. 圓形按鈕被裁剪，爲什麼z-index不起作用？
你能提供檢查你使用腳本的一些適當的方法是什麼？ –
您在這裏有2個問題，首先您已將圖像大小調整爲500px，但原始圖像大小爲300px。您需要考慮這一點。你矩形選擇也不是相對於圖像，例如。將矩形放置在左上方，應該說是0,0 ..但它更像30,70 .. – Keith
對不起克里斯。我試過了，但我沒有找到方法來添加我的外部資源 – fled