用img标签替换对象标签后,UI变为空白

时间:2017-09-25 11:07:02

标签: html5 pdf svg iframe mime-types

我正在使用IDR工具(https://www.idrsolutions.com/online-pdf-to-html5-converter)将PDF文件转换为HTML5。它具有呈现svg文件的对象标记。正如SVG not showing in object tag after publishing to web所述,我添加了' .svg' mime类型到应用程序的web.config文件或IIS服务器。它仍然没有奏效。我尝试将object标记替换为img标记,将数据属性替换为src属性。然后它会导致空UI页面。我也尝试使用iframe标记,但它会导致UI失真。还有其他方法可以解决这个问题吗?

代码行如下:

<div id="pg1" style="-webkit-user-select: none;"><object width="935" height="1210" data="1/1.svg" type="image/svg+xml" id="pdf1" style="width:935px; height:1210px; background-color:white; -moz-transform:scale(1); z-index: 0;"></object></div>

1 个答案:

答案 0 :(得分:0)

正如https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#SVG_in_HTML所述,我在代码中使用了<embed>标记。它运作正常。