我正在使用gRaphaëlJS饼图为颜色选择器创建一些颜色“按钮”。
我想要的是什么:
单击饼图(“按钮”)时,我希望图像显示在该饼图的中间,以向用户指示已选择此按钮/颜色。
问题是:我没有添加该图片。
我尝试了什么:
paletteObj.covers[0][0].setAttribute('class', palette + ' sliderPalette');
。paletteObj.series.items[i].node.setAttribute('style', "background:url('images/selected01.png')");
添加到实际饼图(“按钮”)SVG元素中。我尝试使用jQuery动态地将CSS样式添加到我的按钮中:
$('.' + palette).css('background', "url('images/selected01.png')");
$('.' + palette).css('background-repeat', "no-repeat");
$('.' + palette).css('background-position', "center");
$('.' + palette).css('background-attachment', "fixed");
$('.' + palette).css('background-color', "transparent");
我试图简单地使用旧的CSS:
.sliderPalette { background: url('images/selected01.png'); }
我尝试了<defs>
关于<pattern>
和{{1}}
为什么我不能像任何其他DOM元素一样添加BG图像?
我的代码可以在这里找到:http://jsfiddle.net/QBVKy/4/
我很感激任何帮助。 d。
P.S - 任何有足够声誉(1.5K)的人都可以为RaphaëlJS添加标签吗?我看到snap.svg有一个: - )