Question

我正在使用gRaphaëlJS饼图为颜色选择器创建一些颜色“按钮”。

我想要的是什么：
单击饼图（“按钮”）时，我希望图像显示在该饼图的中间，以向用户指示已选择此按钮/颜色。

问题是：我没有添加该图片。

我尝试了什么：

gRaphaëlJS在每个饼图上放置一个“封面”，因此我尝试在封面SVG元素中添加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}}

by robertc

为什么我不能像任何其他DOM元素一样添加BG图像？

我的代码可以在这里找到：http://jsfiddle.net/QBVKy/4/

我很感激任何帮助。 d。

P.S - 任何有足够声誉（1.5K）的人都可以为RaphaëlJS添加标签吗？我看到snap.svg有一个： - ）

将图像添加到gRaphaëlJS饼图

0 个答案: