Zmeniť veľkosť objektu obrázka pre Tape vyplniť KineticJS - javascript, jquery, image, kineticjs

Mám objekt Image (), ktorého veľkosť potrebujem zmeniť. Používam to fill tvar v canvas.

Ak to skúsim zmeniť image.width = 300, nemení veľkosť. Ak som console.log ukazuje, že sa zmenil iba atribút html.

Existuje spôsob, ako priamo upraviť veľkosť obrázka ()?

odpovede:

Môžete to urobiť pomocou nastavenia fill.scale objekt s vlastnosťami fill.scale.x a fill.scale.y ktoré chcete použiť na svoj obrázok.

V tomto príklade by to mohlo byť napríklad:

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

});

Môžete vidieť príklad tejto práce tu