我试图实现的是围绕自定义形状本身显示变压器。我直接从API文档中获取了代码,用于创建自定义形状并添加转换器。该变压器非常适合矩形,圆形等,但对于自定义形状,它似乎不能正确显示。
这是一个演示应用程序的链接,其中包含有关自定义形状和转换器的问题:https : //jsfiddle.net/5zpua740/
var stage = new Konva.Stage({
container: 'container',
width: window.innerWidth,
height: window.innerHeight
});
var layer = new Konva.Layer();
/*
* create a triangle shape by defining a
* drawing function which draws a triangle
*/
var triangle = new Konva.Shape({
sceneFunc: function (context) {
context.beginPath();
context.moveTo(120, 150);
context.lineTo(320, 180);
context.quadraticCurveTo(250, 200, 360, 270);
context.closePath();
// Konva specific method
context.fillStrokeShape(this);
},
fill: '#00D2FF',
stroke: 'black',
strokeWidth: 4,
draggable: true
});
// add the triangle shape to the …
Run Code Online (Sandbox Code Playgroud) konvajs ×1