动态js用图像填充元素（形状）

我使用动力学js在画布内部制作不同的形状。我将图像插入到形状中，但无法调整图像内部的图像大小。用户将输入x，y，图像的高度和宽度。然后给定大小的图像将被插入到形状中。动态js用图像填充元素（形状）

由于名誉较低，我无法在此插入图像。你会很容易明白我的问题通过查看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";

来源

2014-10-10 user2198131

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

来源

2014-10-10 08:51:33

是，它可以工作，但告诉我什么是0.4的规模？还有一个问题，我们可以模糊形状的边缘？ – user2198131 2014-10-10 09:44:24

'x'和'y'可以取值在0和1之间，1是原始尺寸的100％。所以，'x：0.4'意味着原始宽度的40％。不知道我可以帮你模糊边缘 – 2014-10-10 09:47:59

非常感谢:) – user2198131 2014-10-10 09:51:05

动态js用图像填充元素（形状）

回答

相关问题