Redimensionar objeto de imagem para preenchimento de forma em KineticJS - javascript, jquery, imagem, kineticjs

Eu tenho um objeto Image (), que eu preciso redimensionar. Estou usando para fill uma forma dentro canvas.

Se eu tentar mudar como image.width = 300, ele não é redimensionado. Se eu console.log mostra que apenas o atributo html foi alterado.

Existe uma maneira de editar o tamanho da imagem () diretamente?

Respostas:

Você pode fazer isso usando a configuração fill.scale objeto com as propriedades fill.scale.x e fill.scale.y que você deseja aplicar à sua imagem.

No exemplo, isso pode ser feito, por exemplo, como:

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

});

Você pode ver um exemplo deste trabalho Aqui