在問我的問題之前，我有一個測試頁面，讓每個人都更好地理解我的問題。網址爲http://iamthemoon.com/crop/如何僅使用HTML5 + Javascript或服務器端語言裁剪某個區域？
您可以移動紅色的選擇。
我喜歡僅裁剪紅色選區的區域。我認爲這可以在HTML5畫布中輕鬆完成，但那是我的錯誤。首先我使用Google搜索了兩天，但我找不到解決方案。有很多基於HTML5的裁剪工具，但它們只有方形選擇。
然後我看着PHP GD和ImageMagick的，但我無法找到一個解決方案，以及。
我看着Adobe在線Photoshop的，但他們缺少自由形式的套索工具或自由形式的選擇工具爲好。
有沒有人看到類似的JavaScript/PHP /紅寶石/或任何其他基於網絡的技術？ 或甚至可能嗎？
我工作的same subject。我現在的想法是繪製相反的多邊形，並使用imagecolorallocatealpha使這些透明。 然後使用imagefilledpolygon繪製多邊形。對於客戶端，我們將使用預定義的圖像（因此在php中預定義的多邊形）。我也碰到過這個：http://brittonkerin.com/image_region_selector/irs_demo.html。 希望這有些幫助。
只是爲了回答這個問題，如果這是可能的。 我不得不面對同樣的問題，並花了我一個（完整的）週末來解決它使用HTML5。
看一看演示here。
希望它有幫助。
編輯： 只是有點僞代碼：
1.Draw在畫布上的圖片。 2.在畫布上記錄鼠標點擊。 3.使用鼠標點擊座標繪製圖案 4.用原始圖像填充圖案。 5.用圖案替換原始圖像。
編輯： 源代碼發佈https://github.com/netplayer/crop
請在SO上重新發布您的答案，而不僅僅是一個鏈接。 – nhahtdh 2012-07-30 04:27:33
nhahtdh，我不太熟悉，所以我很抱歉，如果我違反了我的職位的任何規則。對於其他人，我只是想發佈一個鏈接到一個實際的實現作爲一個靈感，我缺乏自己也當我努力發現，如果這是可能的HTML5。 – NetPlayer 2012-07-30 20:50:25
常見問題解答可能會也可能不太清楚。但一個好的答案是回答這個問題，並且是獨立的（因爲未來鏈接可能會改變 - 沒有人知道）。鏈接是好的，如果它增加了答案的價值，但只包含鏈接的答案可能變得毫無用處。您可以通過包含*相關*部分代碼來修復您的帖子。 – nhahtdh 2012-07-31 02:16:16
鏈接不工作... – Sachin 2017-06-28 06:00:07
鏈接無法正常工作。 .. – Sachin 2017-06-28 06:00:03
@Sachin：五歲！ – Jan 2017-06-28 08:04:32