Question

我使用Kinetic js在画布内制作不同的形状。我将图像插入形状但不能调整图像内部的形状。用户将输入图像的输入x，y，高度和宽度。然后将给定尺寸的图像插入形状。

由于声誉较低，我无法在此处插入图片。您可以通过查看js fiidle

轻松了解我的问题

这是我的代码示例

$(img).load(function() {
    blueCircle.fillPatternImage(img);
    blueCircle.fillPatternOffset({x:100, y:105});
    layer.draw();
});
img.src = "";
img.src = "http://www.fusemobile.com.au/wp-content/uploads/2011/11/mobile-social-network-300x225.jpg";

Answer 1

您可以使用fillPatternScale(scale)缩放图片，例如：

$(img).load(function() {
    blueCircle.fillPatternImage(img);
    blueCircle.fillPatternOffset({x:150, y:105});
    blueCircle.fillPatternScale({ x: 0.4, y: 0.4 });
    layer.draw();
});

JS Fiddle

在动力学js填充元素（形状）与图像

1 个答案: