javascript - Fancybox 中的 SVG

Question

我需要 fancybox 中的 svg 图片。

<div id="data">
  <svg width="400" height="110">
    <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)">
      Sorry, your browser does not support inline SVG.
  </svg>
  <img src="http://fc03.deviantart.net/fs71/f/2011/260/e/1/circle_png_by_xdicsii-d4a2odp.png" />
  <a id="inline" href="#data" style="margin-left:15px;">Full Screen</a>
</div>

我想全屏显示 ID 为“data”的 div。

当我点击“全屏”时，我得到了带有 jpg 图像的 id“数据”的 div 的全屏，但不是 svg 图像(渲染到 div 中)

Answer 1

<div style="height:inherit; width:inherit"></div>