Estoy tratando de generar un patrón aleatorio cada vez que paso el mouse sobre div (svg).
Este es mi código hasta ahora:
var items = ["#pattern-rect", "#pattern-circle", "#pattern-triangle","#pattern-star"]; $("div").hover(function(){ $("g").css({"visibility": "visible"}); var item = Math.floor(Math.random()*items.length); $("g").css({"fill": "url(items[item])"}); }, function(){ $("g").css({"visibility": "hidden"}); }); $("g").css({"visibility": "hidden"}); $("g").css({"fill": "url(items[item])"}); This line is not working.$("g").css({"fill": "url(items[item])"});tendría que ser algo como:
$("g").css({"fill": "url(" + items[item] + ")"});