Question

我想采用this示例并将每个精子的颜色更改为图像。

在示例中，他们将所有精子染成白色，我想改为放置图像。

我该怎么做？

我有android应用程序，我应该添加脚本，所以我在Eclipse上工作，我将图像保存在资产文件夹中。

如果我将背景更改为图像效果很好，但每次尝试更改精子背景都不适合我。

感谢您的帮助！

修改1：

这是尝试在CSS中执行：

ellipse {
    background-image:url('head.png');
    background-repeat: no-repeat;
    background-size: cover;
}

这是尝试在脚本

中完成

var head = g.append("ellipse")
    .attr("rx", 26.5)
    .attr("ry", 24)
    .attr("xlink:href", "/assets/head.png");

Answer 1

你必须使用svg：image而不是ellipse

var head = g.append("svg:image")
    .attr('x',-11)
    .attr('y',-11)
    .attr('width', 22)
    .attr('height', 22)
    .attr("xlink:href","http://www.sherv.net/cm/emoticons/smile/super-smile-smiley-emoticon.gif")

DEMO：http://jsfiddle.net/qK9K8/2/

在JavaScript上设置图像背景到形状

1 个答案: