javascript - 如何使用 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);