更新:我将最后两行改为以下代码。
.append('img')
.attr('src','images/testimage.png')
但是图像没有出现。在它的位置上有一个损坏的图像,所以我认为要么是文件路径语法不正确,要么是有其他我看不到的东西。
原始帖子
我无法通过js渲染存储在本地目录中的图像。最后2-3行代码就是问题所在。我不能100%确定这是否是正确的文件路径符号(我认为它是基于这个thread的。
d3.select("#solve")
.append('h2')
.text("Solve.")
for (var i = 0; i < response.length; i++){
d3.select("#question")
.append('p')
.text(response[i]['id'])
.append('p')
.text(response[i]['statement'])
.append('li')
.text(response[i]['a1'])
.append('li')
.text(response[i]['a2'])
.append('li')
.text(response[i]['a3'])
.append('li')
.text(response[i]['a4'])
.append('li')
.text(response[i]['a5'])
.append('div')
.append('svg:image')
.attr('href', 'file://C:/Users/Bryant/Documents/GitHub/ACT/static/js/images/testimage.png')
}
};
当我检查HTML元素时,得到的结果如下所示。然而,网页上没有出现任何图像。
<image href="file://C:/Users/Bryant/Documents/GitHub/ACT/static/js/images/testimage.png"></image>
感谢您的帮助,谢谢。
https://stackoverflow.com/questions/50847834
复制相似问题