javascript - 在 KineticJS 中调整形状填充的图像对象大小

Question

我有一个 Image() 对象，我需要调整它的大小。我正在使用它来fill塑造.canvas

如果我尝试更改它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

});

您可以在此处查看此工作的示例