在HTML5畫布中傳播圖像內部形狀

Question

是否可以在HTML5畫布內傳播圖像.. 就像說我有2,3個形狀..就像一個矩形一個圓和一些正方形和一些隨機的不成比例的形狀.. 和我有一個圖像列表..他們是紋理不完全是顏色只是紋理，如果我點擊一個我希望它在任何形狀內傳播（相應地轉換本身沒有扭曲的完成） 可能通過映射座標，然後傳播的形象或乘以它.. 有沒有辦法這樣做？ 當然 的HTML5畫布裏面這是一個有點很難解釋，但如果任何人有這方面有任何想法，然後一些指針將是不錯..

問候， 阿希什

Answer 1

首先，你要保存的座標你的形狀，並擊中測試你的鼠標點擊尋找匹配。

要用圖像填充形狀，請使用帶參數'repeat'的createPattern函數。將fillstyle屬性定義爲模式，並根據形狀的座標進行填充。

鏈接，可以幫助：

http://www.tutorialspoint.com/html5/canvas_pattern_shadow.htm

http://simonsarris.com/blog/140-canvas-moving-selectable-shapes