Fancybox中的SVG

Que*_*ino 5 html javascript svg fancybox

我需要在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>
Run Code Online (Sandbox Code Playgroud)

我想获得id为"data"的div的全屏.

当我点击"全屏"时,我正在使用带有jpg图像的id为"data"的div全屏,但不是svg图像(将其渲染到div中)

sal*_*med 0

<div style="height:inherit; width:inherit"></div>
Run Code Online (Sandbox Code Playgroud)