Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.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 如何填写konvajs路径图片?_Javascript_Svg_Path_Konvajs - Fatal编程技术网

Javascript 如何填写konvajs路径图片?

Javascript 如何填写konvajs路径图片?,javascript,svg,path,konvajs,Javascript,Svg,Path,Konvajs,在使用konvajs框架的过程中,我遇到了一个叠加图片的问题。如何做到这一点?就是这样的想法,把这条路倒过来,绕过去,然后强加另一条路。我必须在路上运行一个人,在这种方式的背景下。现在这里有这样一个输入码 var stage=新Konva.stage({ 容器:“myCanvas”, 宽度:document.querySelector(“#myCanvas”).clientWidth, 高度:document.querySelector(“#myCanvas”).clientHeight })

在使用konvajs框架的过程中,我遇到了一个叠加图片的问题。如何做到这一点?就是这样的想法,把这条路倒过来,绕过去,然后强加另一条路。我必须在路上运行一个人,在这种方式的背景下。现在这里有这样一个输入码

var stage=新Konva.stage({
容器:“myCanvas”,
宽度:document.querySelector(“#myCanvas”).clientWidth,
高度:document.querySelector(“#myCanvas”).clientHeight
});
var layer=新Konva.layer();
var imageObjT2=新图像();
imageObjT2.onload=函数(){
var path2=新的Konva.Path({
x:0,,
y:0,
数据:“M 56 336 Q 135 403 209 346 C 221.5 300.5 271.5 300.5 284 255 Q 356 193 421 282 Q 447 300.5 483 346 Q 551 358 599 369 C 680 345 730 345 751 371”,
笔划:“绿色”,
});
路径2.fillPatternImage(imageObjT2);
图层添加(路径2);
阶段。添加(层);
};
imageObjT2.src=https://opengameart.org/sites/default/files/tileable-grass_clover_tt7010116-sample_1.png';
#我的画布{
宽度:800px;
高度:400px;
}


不能对此类路径使用填充。它没有关闭。它只是画了一条线。你不能用填充来填充这样的路径。它没有关闭。它只是画了一条线。