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 如何使用Snap.svg为路径创建图像模式?_Javascript_Svg_Snap.svg - Fatal编程技术网

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

Javascript 如何使用Snap.svg为路径创建图像模式?,javascript,svg,snap.svg,Javascript,Svg,Snap.svg,无法通过库为路径元素创建图像模式。可能吗 创建Paper.image()然后尝试调用元素.pattern()似乎不是一个选项或有效的解决方案 因此,我想知道是否可以使用Snap.svg lib实现这一点。或者我应该自己生成所需的元素,然后“手动”将它们附加到所需的svg中 提前谢谢 你是说像这样吗 var paper = Snap(200,200); var pattern = paper.image("logo.svg",0,0,50,50) .pattern(0,0,50,50); v

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

创建
Paper.image()
然后尝试调用
元素.pattern()
似乎不是一个选项或有效的解决方案

因此,我想知道是否可以使用Snap.svg lib实现这一点。或者我应该自己生成所需的元素,然后“手动”将它们附加到所需的svg中

提前谢谢

你是说像这样吗

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);
你是说像这样吗

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);

谢谢确切地这就是我一开始想做的。我错过的是没有这样做的“paper.append(pattern)”——我的defs标记在svg中是空的,路径用黑色填充(尽管dom中存在一个模式,并且由路径的fill属性中的id引用)。为什么我必须追加似乎是另一个问题。请看Parhaps,这是Snap.svg的错误。这救了我一天!:汉克斯!确切地这就是我一开始想做的。我错过的是没有这样做的“paper.append(pattern)”——我的defs标记在svg中是空的,路径用黑色填充(尽管dom中存在一个模式,并且由路径的fill属性中的id引用)。为什么我必须追加似乎是另一个问题。请看Parhaps,这是Snap.svg的错误。这救了我一天!:D