質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.02%

svgで指定のフォーマットで保存されるツールを探しています。

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 216
退会済みユーザー

退会済みユーザー

SVGで、以下のようなベクター形式で保存される、フリー(無料)のツールを探しています。

(以下HTMLより抜き出した部分のみ)

                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 200" overflow="visible" class="headerImg" width="100%" height="100%">
                    <defs>
                        <g id="hogehoge">
                            <path fill-rule="evenodd" clip-rule="evenodd" fill="#87B43F" d="M29.533,151.366c-2.418-6.739-5.544-13.162-9.087-19.356
                                c-6.894-12.058-9.604-25.08-9.14-38.808c0.351-10.348,2.779-20.217,7.991-29.267c2.985-5.186,7-9.401,12.202-12.427

以下略

以下のような形式ではだめです。

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="158 115.80473372781063 326 34" width="722" height="150">
    <defs>
        <text id="hogehoge" x="200.32" y="195.12" font-size="12" font-family="Audiowide" font-weight="700" font-style="normal" letter-spacing="0" alignment-baseline="before-edge" transform="matrix(1 0 0 1 -45.31952662721892 -53.31360946745565)" style="line-height:100%" xml:space="preserve" dominant-baseline="text-before-edge">
            <tspan x="347.32" dy="0em" alignment-baseline="before-edge" dominant-baseline="text-before-edge" text-anchor="start">ほげほげ
            </tspan>
        </text>
        <style id="audiowide700normal">
    @font-face {
    font-family: "Audiowide";
    font-weight: 700;
    src: url("data:font/ttf;base64,AAEAAAARAQAABAAQR1BPU7aCM1sAALBIAABhikdTVUKmNsSVAAER1AAAAyBPUy8ya487mQAAAZgAAABgY21hcHYFTRAAAAe8AAAIpmN2dCAAKgAAAAAR3AAAAAJmcGdtBlmcNwAAEGQAAAFzZ2FzcAAXAAkAALA4AAAAEGdseWYz
以下略

この質問を定義した理由

Microsoft Edge/MSIE で表示デザインが崩れる為
HTMLサイズが巨大になりすぎるため。(HTMLサイズが4倍にも膨れ上がりました)

やれれば良いこと

上のほうにあるSVGのフォーマットで、ベクターだけで出力され、フォント等のバイナリデータを埋め込まない事。
今回行なうのは透過画像での単色文字(白色)描画のみです。

調査したこと

5種類程度のツールを試して、実際に出力した
知っていそうな人に聞いてみたがわからなかった

その他

上に記載してあるSVGを記載した人は退職しており、連絡をつけることができません。
色の違うSVG画像が存在しますが、その部分をそのままにするので、影響ないと思われます。

以上、よろしくお願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正の依頼

  • oikashinoa

    2019/04/25 23:04

    どのような出力の部分がNG何でしょうか?
    最終結果が同じだけど形式が違う例なら分からんでもないですが…

    そもそも自分で探してみて使えなかったアプリくらい書きましょうね。

    キャンセル

  • oikashinoa

    2019/04/25 23:50

    > 5種類程度のツールを試して、実際に出力した
    本当に試したのならアプリ名くらい書けば?
    誰かがアプリ名書く > それ試したんですけど って不毛なやりとりになるから。

    キャンセル

  • 退会済みユーザー

    2019/04/25 23:53

    複数のユーザーから「やってほしいことだけを記載した丸投げの質問」という意見がありました
    「質問を編集する」ボタンから編集を行い、調査したこと・試したことを記入していただくと、回答が得られやすくなります。

  • 退会済みユーザー

    退会済みユーザー

    2019/04/27 10:31

    これ以上書くと精神面にきたしてしまいます。

    キャンセル

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.02%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる