小编0x3*_*cff的帖子

Konvajs定制形状和变压器

我试图实现的是围绕自定义形状本身显示变压器。我直接从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

2
推荐指数
1
解决办法
1126
查看次数

标签 统计

konvajs ×1