ImageMagickがこのSVGイメージを切り取るのはなぜですか？U + 1F382グリフのレンダリング

Question

UPDATE SVGイメージの切り抜き問題がImageMagickに縮小されました。つまり、convert birthday_cake.svg birthday_cake.pngは私の特定のインストールで、つまりUbuntuでクリップbirthday_cake.pngを生成します。私は現在、さらに調査中です。

convertの私のバージョンは6.7.7-10であると私はは問題になる可能性がありますように、最新バージョンは7.0.7-8で現在参照してください。

元の質問は、私はemacsの中にそれをロードされますが、下の3分の1がトリミング取得された後、SVGファイルをダウンロードした

に従います。また、右側からわずかな量が切り取られています。ただし、ファイルはで、はFirefoxやGoogle Chromeでクロップされません。ちなみに、このSVGはU + 1F382誕生日ケーキのUnicodeグリフのレンダリングです。

私は前に任意のSVGや画像ファイルに対してこのトリミングに気づいたことがありません。だから私は、emacsとこの特定のSVGファイルとの間には奇妙なやりとりがあると思う。

これについてこれは何ですか特に emacs内でトリミングするSVGファイルですか？さらに、このSVGファイルの高さと幅全体を表示するようにemacsに指示するにはどうすればよいですか？

$ wget -q http://www.fileformat.info/info/unicode/char/1f382/birthday_cake.svg 
$ emacs-snapshot -Q birthday_cake.svg --geometry 60x24 -eval '(set-frame-name "BAD SVG")' 
$ emacs-snapshot --version | head -1 
GNU Emacs 25.1.50.2 
$ firefox birthday_cake.svg 

SVG はimagemagick-typesに含まある：ここでは

(member 'SVG (imagemagick-types)) 
(SVG SVGZ TEXT TGA THUMBNAIL TIFF TIFF64 TILE TIM TTC TTF TXT ...) 

この投稿のために短縮さ12キロバイトパスとSVGファイルの要約版です：

<?xml version="1.0"?> 
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'> 
<svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" 
    color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" 
    stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" 
    font-weight="normal" stroke-width="1" xmlns="http://www.w3.org/2000/svg" font-family="&apos;Dialog&apos;" 
    font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto"> 
    <!--Unicode Character 'BIRTHDAY CAKE' (U+1F382)--> 
    <defs id="genericDefs" /> 
    <g><g> 
    <path d="M285.1875 252 Q285.1875 274.5 ... 118.5469 221.3438 Z" stroke="none" /> 
    </g></g></svg> 

は、いくつかのですこの画像クロッピングに貢献するSVGタグの属性は？もしそうなら、それらの要素を箇条書きし、相互作用を説明してください。

Answer 1

マルチパートツールチェーンを使用してレンダリングされたイメージを取得しています。 emacsはImageMagickを使用してイメージをレンダリングし、ImageMagickはlibrsvgを使用してベクトルイメージをラスタイメージに変換します。

表示されるエラーは、そのルートがレンダラーになく、障害のあるSVGファイルにあります。 widthまたはheight属性もviewBox属性も定義していません。したがって、画像の固有の幅および高さを確立することはできない。 librsvgは、含まれているグラフィカル要素の結合されたバウンディングボックスを利用して、いくつかの代替値を見つけることによってこれを解決しようとします。残念ながら、それはエラーでそうします。

あなたは

{ 
    x: 11.531200408935547, 
    y: 68.4843978881836, 
    width: 273.65631103515625, 
    height: 272.8125 
} 

librsvgがある限り同じ結果になっている結果をコンソールブラウザにロードとJavascriptで

document.querySelector('svg').getBBox() 

を実行することができ、コンテンツのためのバウンディングボックスを見つけるには出力画像は273px×272pxですが、ボックスの左上の境界が画像ビューポートの左上の境界と一致するように内容が変換されないため、右と下の側で切り取られます。

私はソースWebページ、www.fileformat.infoは、このSVGをレンダリングする方法を知りませんが、あなたはビューボックス属性で

viewBox="-50 60 400 400"