javascript - d3 设置图像 visibility=hidden onerror

Question

如何在触发 onerror 时隐藏 svg:image？

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");
    });

Answer 1

根据您的描述，代码应该是这样的:

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

假设您要隐藏的元素触发了 error 事件。