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

Question

未能通过 Snap.svg 为路径元素创建图像模式图书馆。可能吗？

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

所以我想知道是否可以使用 Snap.svg 库来做到这一点。还是我应该自己生成所需的元素，然后将它们“手动”附加到所需的 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);