在动态js填充元素(形状）与图像

in kinetic js fill element(shape) with image

本文关键字：形状 图像 元素 动态 js 填充      更新时间：2023-09-26

我正在使用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";

您可以使用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

相关文章：