Question

我已经使用svg编写了这个文本，它可以在chrome和IE上工作，因为我选中了但是我没有在iPad的Chome上显示任何内容。

<svg width="180" height="76" xmlns="http://www.w3.org/2000/svg">
 <title>eQuotes</title>
 <defs>
  <style type="text/css">
    @font-face {
        font-family: 'MYFONT';
        src: url('./fonts/berlin.eot');
        src: url('./fonts/berlin.eot?#iefix') format('embedded-opentype'),
            url('./fonts/berlin.woff') format('woff'),
            url('./fonts/berlin.ttf') format('truetype'),
            url('./fonts/berlin.svg#berlin') format('svg');
    }
  </style>
 </defs>
 <g>
  <title>Layer 1</title>
   <text stroke="#7f0000" transform="matrix(1.73839 0 0 1.55447 -176.823 -232.222)" font-weight="bold" xml:space="preserve" text-anchor="middle" font-family="MYFONT" font-size="24" id="svg_40" y="192.68606" x="152.0512" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#000000">Hello There</text>
  </g>
 </g>
</svg>

任何想法都有错吗？

Answer 1

您的SVG是无效的XML。最后有一个</g>太多，而且您的属性值无效（null）。 Validate your markup，修复错误，然后重试。

使用自定义字体的SVG渲染在ipad上失败

1 个答案: