Question

我使用saveSvgAsPng来获取svg的dataUri。然后我通过Java将dataUri转换为.svg。原始图片有foreginObject标签。当我将它保存到.svg，并用chrome打开它时，foreignObject标签不显示。这是我的.svg标签

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1477" height="1033" class=".save" style="-webkit-tap-highlight-color:rgba(0,0,0,0)" id="saveImg" viewBox="-201.48349917081265 -185.1995003306789 1477 1033" preserveASpecRatio="none" version="1.1">
  <g>
     <g class="textGroup">
       <text>This is test</text>
     </g>
     <g>
       <foreignObject x="200" y="50" width="200" height="200">
         <div>
           <p style="color:rgb(0,0,0)">this is P</p>
         </div>
       </foreignObject>
     </g>
  </g>
</svg>

如您所知，直接使用chrome打开。 svg没有<html>和<body>

使用foreignObject将svg保存到.svg

0 个答案: