自定义形状和更改背景图像的按钮与jQuery的？

Question

是否有可能具有矢量形状，并通过jQuery中的按钮动态更改背景图像？

即我需要有一个自定义形状，能够有一个按钮，可以将背景图像更改到别的东西..

例如：

说有3个按键，一个星形说绵羊，一个说点，一个说纯色

这些按钮用预设图像应用于按钮名称来更改星形的背景图像？

如果有道理？

在此先感谢

李

Answer 1

我将开始与一个简单的方形格面积和使用此代码改变图像。

$('#btn1').click(function() { 
    $('#divBackground').css('background-image', 'stars.jpg'); 
}); 

$('#btn2').click(function() { 
    $('#divBackground').css('background-image', 'sheep.jpg'); 
}); 

$('#btn3').click(function() { 
    $('#divBackground').css('background-image', 'dots.jpg'); 
}); 

那么我可能会躺在这上面的图像分度，切出的中间作为一个剪贴蒙版使用星形。我可能会对CSS有点困难，您可能需要修改定位和z-index以使其正确。

另一种选择是探索HTML5画布的功能，可能会更简单一些。

这里是一个概念性例子：http://jsfiddle.net/VTQSM/1/

Answer 2

它没有任何意义，但这里是什么让你开始：

$("#button").css("background-image", "stars.jpg")