在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