圖像裏面的畫布裁剪自定義矩形JQuery

我有一個圖像內的畫布元素（畫布具有相同的圖像尺寸），我想裁剪使用選擇矩形這個圖像！對於我的項目，我使用JavaScript的框架JQuery，我正在尋找一個在畫布上實現自定義選擇矩形的插件！任何人都知道一個這樣做的插件（我創建了很多實現此功能但僅在元素上的插件）？如果不是，在Canvas元素上實現自定義矩形的方式是什麼？圖像裏面的畫布裁剪自定義矩形JQuery

我希望能在你的答案！

來源

2012-01-31 JBerta93

您是否嘗試過使用Fabric.js在Canvas上生成矩形？

來源

2012-01-31 20:31:01

沒有，但現在我嘗試我認爲這可能是個好主意！ – JBerta93 2012-02-01 16:43:08

通常，繪製到畫布上的所有內容都會自動更改畫布內容。如果您想用鼠標繪製一個矩形而不破壞底層畫布，通常的方法是在原始畫布上添加一個額外的（臨時）畫布。新的畫布具有透明背景，所以底層畫布完全可見。

現在您在臨時畫布上繪製矩形（其尺寸與原始尺寸相同）並存儲選區的座標以在原始上應用裁剪過程。

請在這裏看到我的例子：http://jsbin.com/apitak/4

來源

2012-01-31 21:56:34 devnull69

圖像裏面的畫布裁剪自定義矩形JQuery

回答

相關問題