現在クロムに表示されていないSVGシンボル

Question

SVGファイルのシンボルに問題があります。彼らは現在、ブラウザに表示されていません。例えば

私は、問題を示すためにInkscapeで、この基本的なSVGファイル作成：

<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="100" width="100" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" xmlns:dc="http://purl.org/dc/elements/1.1/"> 
<defs> 
    <symbol id="circle"> 
    <circle style="color-rendering:auto;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;image-rendering:auto" stroke-width="3.257" stroke="#008000" cy="1000.1" cx="34.598" r="12.879"/> 
    </symbol> 
</defs> 
<g transform="translate(0 -952.36)"> 
    <use xlink:href="#circle"/> 
</g> 
</svg> 

をそして、それは次のようになります。

しかし、そのはのように表示されていない何らかの理由誰がその理由を知っていますか？

Answer 1

ほとんどの場合、最初のシンボルはビューボックスの外に描画されます。ビューボックスは100×100ですが、cyは100.1です。これは完全に描画を無効にするように見えるので、翻訳付きでビューボックスに戻すと、そこには何もありません。ビューボックス内に描画するようにcyを調整し、翻訳を減らして補正します。