javascript - 使用 Lightbox2 加载包含在 div 中的 SVG

Question

如何使用 Lightbox2 显示包含在 div 中的 SVG？在下面的示例中，我想加载包含在 id 为 testsvg 的 div 中的 SVG:

<div id="testsvg">
    <svg width="400" height="180">
    <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5"> 
    </svg>
</div>

<a href="#testsvg" data-lightbox="image-1" data-title="My caption">Test SVG!</a>

Answer 1

试试这个

body {
  position: relative;
}
#testsvg + a {
  position: absolute;
  top: 43%;
  left: 11%;
}

<div id="testsvg">
  <svg width="400" height="180">
    <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5">
  </svg>
</div>

<a href="#testsvg" data-lightbox="image-1" data-title="My caption">Test SVG!</a>