Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.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 充满颜色的虚线箭头_Javascript_Html5 Canvas_Konvajs - Fatal编程技术网

Javascript 充满颜色的虚线箭头

Javascript 充满颜色的虚线箭头,javascript,html5-canvas,konvajs,Javascript,Html5 Canvas,Konvajs,我使用konvajs创建了一个使用虚线的Konva.Arrow形状。但是,箭头未填充颜色。我怎样才能让箭头有颜色 下面是我用来制作箭头的代码的基础 lineConfig['dash'] = [12, 8]; lineConfig['points'] = [pos.x, pos.y]; arrowLine = new Konva.Arrow(lineConfig); 尝试将fill属性也添加到箭头中,类似于fill:'black'。我试图画一个没有那个属性的箭头,结果和你描述的一样 以下是工作示

我使用konvajs创建了一个使用虚线的Konva.Arrow形状。但是,箭头未填充颜色。我怎样才能让箭头有颜色

下面是我用来制作箭头的代码的基础

lineConfig['dash'] = [12, 8];
lineConfig['points'] = [pos.x, pos.y];
arrowLine = new Konva.Arrow(lineConfig);

尝试将
fill
属性也添加到箭头中,类似于
fill:'black'
。我试图画一个没有那个属性的箭头,结果和你描述的一样

以下是工作示例:


Konva Arrow演示
身体{
保证金:0;
填充:0;
溢出:隐藏;
背景色:#f0;
}
变量宽度=window.innerWidth;
var height=window.innerHeight;
var阶段=新Konva.阶段({
容器:“容器”,
宽度:宽度,
高度:高度
});
var layer=新Konva.layer();
var arrow=新Konva.arrow({
x:stage.width()/4,
y:舞台高度()/4,
分数:[0,0,10100],
指针长度:20,
破折号:[12,8],
指针宽度:20,
//注释以下行以获取您的问题
填充:“黑色”,
笔画:“黑色”,
冲程宽度:4
});
//将形状添加到层中
图层。添加(箭头);
//将层添加到舞台
阶段。添加(层);