用 img 标签替换对象标签后 UI 变为空白
After replacing object tag with img tag UI comes blank
我正在使用 IDR 工具将 PDF 文件转换为 HTML5（https://www.idrsolutions.com/online-pdf-to-html5-converter) .It has object tag which renders svg file. As referred from SVG not showing in object tag after publishing to web 我将“.svg”mime 类型添加到应用程序的 web.config 文件或 IIS 服务器中。但还是没有。没用。我尝试用 img 标签替换 object 标签，用 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>
如 https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#SVG_in_HTML 所述，我在代码中使用了 <embed> 标记。它运行良好。
我正在使用 IDR 工具将 PDF 文件转换为 HTML5（https://www.idrsolutions.com/online-pdf-to-html5-converter) .It has object tag which renders svg file. As referred from SVG not showing in object tag after publishing to web 我将“.svg”mime 类型添加到应用程序的 web.config 文件或 IIS 服务器中。但还是没有。没用。我尝试用 img 标签替换 object 标签，用 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>
如 https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#SVG_in_HTML 所述，我在代码中使用了 <embed> 标记。它运行良好。