Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在html5画布中在形状内传播图像_Javascript_Drag And Drop_Html5 Canvas_Kineticjs - Fatal编程技术网

Javascript 在html5画布中在形状内传播图像

Javascript 在html5画布中在形状内传播图像,javascript,drag-and-drop,html5-canvas,kineticjs,Javascript,Drag And Drop,Html5 Canvas,Kineticjs,有可能在html5画布中传播图像吗。。 比如说我有2,3个形状,比如一个矩形,一个圆形,一些正方形和一些随机的非比例形状。。 我有一个图像列表。它们是纹理,不完全是颜色,只是纹理,如果我点击其中一个,我希望它扩散到任何形状中(相应地变换自身,而不会扭曲饰面) 可能是通过绘制坐标,然后将图像展开或相乘。。 有没有办法做到这一点?? 当然,在html5画布内部 这有点难以解释,但如果有人对此有任何想法,那么一些建议会很好 问候,, Ashish首先,您必须保存形状的坐标,并点击测试鼠标单击以查找匹配

有可能在html5画布中传播图像吗。。 比如说我有2,3个形状,比如一个矩形,一个圆形,一些正方形和一些随机的非比例形状。。 我有一个图像列表。它们是纹理,不完全是颜色,只是纹理,如果我点击其中一个,我希望它扩散到任何形状中(相应地变换自身,而不会扭曲饰面) 可能是通过绘制坐标,然后将图像展开或相乘。。 有没有办法做到这一点?? 当然,在html5画布内部 这有点难以解释,但如果有人对此有任何想法,那么一些建议会很好

问候,,
Ashish

首先,您必须保存形状的坐标,并点击测试鼠标单击以查找匹配项

要使用图像填充形状,请使用参数为“repeat”的createPattern函数。为图案定义fillstyle特性,并根据形状的坐标进行填充

有帮助的链接:


是的,有一种方法可以做到这一点。你能把你现有的代码发布到JSFIDLE上并链接到它吗?我接受了解决我问题的所有答案。我真的不知道你在这里的意思。@alex m在JSFIDLE上上传演示。。将在一段时间内共享链接。。谢谢