Question

在我的javascript中，我的div svg如下：

var svg = d3.select("#"+settings.id).append("svg") 
        .attr("id", "svg")

                    .attr("width", width + margin.left + margin.right)
                    .attr("height", height + margin.top + margin.bottom)
                    .append("g")

                    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

然后我添加了

document.getElementById('svg').style.backgroundImage = 'url(myimageUrl)';

但它没有用

Answer 1

你没有传递一个变量，看起来myimageurl应该包含一个图像名称如“picture.jpg”的字符串，如果是这样的话，你可能不会用引号传递变量，因为它是一个字符串然后

document.getElementById('svg').style.backgroundImage = 'url('+myimageUrl+')';

对该问题的另一种解释可能是：

取决于执行更改背景颜色的线条时的位置或更好。当你在svg变量插入到dom之前对它进行ecexute时它就不会找到元素的id，所以一定要在之后运行它。

从javascript设置背景图像不起作用

1 个答案: