1

私はpotraceを使用してbmp画像からsvg画像を生成しています。生成された画像はIllustratorで正常に表示されますが、iPadでSVGKitを使用して表示しようとすると、空白の画像が読み込まれます。

SVGKitは、Illustratorで作成したsvg-imagesで動作します。

簡単にするために、単純な黒い線でbmp画像を作成しました。

これはIllustratorが生成するものです(SVGKitはこれを正しく表示します):

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="1024px" height="768px" viewBox="0 0 1024 768" enable-background="new 0 0 1024 768" xml:space="preserve">
    <g>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M1,0c341,0,682.001,0,1023,0c0,255.995,0,512.006,0,768
        c-341.333,0-682.667,0-1024,0C0,513,0,258,0,3C-0.086,1.581-0.165,0.168,1,0z M160,391c0,5.667,0,11.333,0,17
        c204.999,0,410,0,615,0c0-6.667,0-13.333,0-20c-204.661,0-409.337,0-614,0C159.835,388.168,159.914,389.581,160,391z"/>
            <path fill-rule="evenodd" clip-rule="evenodd" d="M161,388c204.663,0,409.339,0,614,0c0,6.667,0,13.333,0,20
        c-205,0-410.001,0-615,0c0-5.667,0-11.333,0-17C159.914,389.581,159.835,388.168,161,388z"/>
        </g>
    </g>
</svg>

これはpotraceが生成するものです(SVGKitはこれを正しく表示しませんが、Illustratorは表示します):

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1024.000000pt" height="768.000000pt" viewBox="0 0 1024.000000 768.000000" preserveAspectRatio="xMidYMid meet">
    <metadata>
    Created by -protrace define- -version define-, written by Peter Selinger 2001-2011
    </metadata>
    <g transform="translate(0.000000,768.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
        <path d="M1600 3700 l0 -100 3075 0 3075 0 0 100 0 100 -3075 0 -3075 0 0 -100z"/>
    </g>
</svg>

私が見る限り、ヘッダーにはいくつかの違いがありますが、Illustratorの結果とまったく同じヘッダーをpotraceの結果に使用しても、SVGKitはそれを表示できません。

SVGKitが表示できないため、potraceの結果の何が問題になっていますか?

4

1 に答える 1

2

それは変身です。SVGKitのコアビルドは変換をサポートしていません。

私の実験的なブランチ(最終的にはコアにマージされます)は、変換を適切にサポートしています-Matrix、Translateが含まれています... Scaleについてはわかりません(欠落している場合は追加するのに数分しかかかりません-もしそうなら「行列」の検索コードはすぐに見つかると思います。

注意:このブランチは、SVGをロードするための構文を変更します。はるかに簡単ですが、別のクラス(SVGKImage)を呼び出す必要があります。ページ下部のREADMEの詳細な手順:

https://github.com/adamgit/SVGKit/tree/transforms

于 2012-07-13T12:31:22.457 に答える