Question

我有一个Image（）对象，我需要调整大小。我将其用于canvas中的fill a shape。

如果我尝试将其更改为image.width = 300，则不会调整大小。如果我console.log，则表明只有html属性已更改。

有没有办法直接编辑Image（）大小？

Answer 1

您可以使用要添加到图片的属性fill.scale和fill.scale.x设置fill.scale.y对象来执行此操作。

在示例中，可以这样做，例如：

var patternPentagon = new Kinetic.RegularPolygon({
   x: 220,
   y: stage.getHeight() / 2,
   sides: 5,
   radius: 70,
   fill: {
       scale: { x:0.5, y:0.5 },
       image: images.darthVader,
       offset: [-220, -70]
   },
   stroke: 'black',
   strokeWidth: 4,
   draggable: true

}）;

您可以看到此工作的示例here

在KineticJS中调整Shape填充的Image对象

1 个答案: