javascript - KineticJS での Shape 塗りつぶしの Image オブジェクトのサイズ変更

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

});

この動作の例をここで見ることができます