動態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用圖像填充元素（形狀）

回答

相關問題