如何使用Snap.svg为​​路径创建图像模式？

Question

无法通过Snap.svg库为路径元素创建图像模式。有可能吗？

创建Paper.image()，然后尝试在其上调用Element.pattern()似乎不是一个选项或工作解决方案。

所以我想知道是否可以使用Snap.svg lib这样做。或者我应该自己生成所需的元素，然后将它们附加到所需的svg'手上'？

提前致谢！

Answer 1

你的意思是这样吗？

var paper = Snap(200,200);
var pattern = paper.image("logo.svg",0,0,50,50)
   .pattern(0,0,50,50);
var path = paper.path("M0,0h200v200h-200z").attr("fill", pattern);