Javascript 充满颜色的虚线箭头
我使用konvajs创建了一个使用虚线的Konva.Arrow形状。但是,箭头未填充颜色。我怎样才能让箭头有颜色 下面是我用来制作箭头的代码的基础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'。我试图画一个没有那个属性的箭头,结果和你描述的一样 以下是工作示
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
});
//将形状添加到层中
图层。添加(箭头);
//将层添加到舞台
阶段。添加(层);