D3设置图像可见性=隐藏错误

d3 set image visibility=hidden onerror

本文关键字：隐藏 错误 可见性 设置 图像 D3      更新时间：2023-09-26

如何隐藏svg:图像时onerror被触发?

node.append('svg:image')
    .attr("x", "-30px")
    .attr("y", "-40px")
    .attr("width", "60px")
    .attr("height", "80px")
    .attr("xlink:href", function(d){
        return 'https://somedomain.com/images/' + d.name;
    })
    .attr("onerror", function(d){
      console.log('The image ' + d.name + ' failed to load');
      // this.style("visibility", "hidden");
      // d.style("visibility", "hidden");
    });

根据您的描述，代码看起来像这样:

.on("error", function() {
  d3.select(this).style("visibility", "hidden");
});

这是假设您想要隐藏的元素触发error事件。

相关文章：