我是 Konva.js 库的新手,我在 canvas 元素内实现了 img 的拖放,我想向用户指出该 img 是可拖动的,所以我想做这样的事情 ->
有什么想法如何在 Konva.js 中执行此操作吗?谢谢!
最佳答案
您可以将lines
与dash
属性组合使用来制作点状笔划
Konva.Image.fromURL('https://i.imgur.com/ktWThtZ.png', img => {
img.setAttrs({
x: 50,
y: 50,
scaleX: 0.5,
scaleY: 0.5,
stroke: 'red',
strokeWidth: 10,
dash: [10, 10],
draggable: true
});
layer.add(img);
layer.draw();
});
演示:https://jsbin.com/xoporixura/1/edit?html,js,output
如果您需要填充笔划,您可以在图像顶部添加一个较大尺寸的矩形。
关于javascript - Konva.js 带文本的 Img 元素周围的虚线描边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58682778/