javascript - 如何在 d3.js 中将修改后的图像添加到工具提示中

Question

我希望加载图像，向图像添加一个矩形，然后使其显示在tooltip（悬停事件）中。我目前的代码可以实现图像加载并在工具提示中显示，但我无法向图像添加矩形，如下面的mousemove函数所示：

var mousemove = function(d) {
    var image_path = "<img src=my_image_path>";
    tooltip.html(image_path)
            .style("left", (d3.mouse(this)[0]+70) + "px")
            .style("top", (d3.mouse(this)[1]+70) + "px")
}

我可以知道是否有任何方法可以添加矩形并实现我想要的？我一直在考虑是否会有任何添加矩形的快速 html 代码，但似乎我必须添加画布等，我根本不知道如何放入tooptip.html()。

任何帮助将不胜感激，在此先感谢您！

标签： javascripthtmld3.js