タグ付けされた質問 「svg」

スケーラブルベクターグラフィックスに関する質問。静的および動的(インタラクティブまたはアニメーション)の2次元ベクトルグラフィックスを記述するためのXMLベースのファイル形式の仕様のファミリー。SVG形式のグラフィックスの設計に関連することを尋ねます。

3
Web用のSVGをどのようにアニメーション化しますか?
ベクターグラフィックスは現在、Webやモバイルアプリケーションさえも引き継いでいます。Webページやモバイルアプリのアイコン、ボタン、要素は、ベクトルベースになりつつあり、あらゆる種類の画面解像度、dpi、比率などでレンダリングする必要があるため、ビットマップをドロップします。モバイルブラウザでページを読みやすくすると、ビットマップアセットがassetsくなり、使用できなくなります。 それでは、SVGでアニメーションアイコン、背景、およびコントロールの作成を開始しますが、SVGファイルをどのようにアニメーション化しますか?

4
Adobe Illustratorからエクスポートする場合、ロゴに使用するファイルの種類は何ですか?
私は素晴らしいアーティストで、Adobe Illustratorが初めてです。私はIllustratorを使用して会社のロゴをデザインしています。すべてが完了したら、どのような種類のファイルを送信すればよいのでしょうか。そうすれば、彼らはどのような方法でこのロゴを使用できますか? Photoshopはかなりよく知っていますが、Illustratorは私にとってまったく新しいものです。アドビのチュートリアルでゆっくりと自分自身を教育しますが、すぐにこのプロジェクトを完了する必要があります。 助けてくれてありがとう! また、これはPSでの経験からですが、これをクライアントに送信する前にIllustratorでレイヤーをフラット化する必要がありますか?イラストレーターの知識の不足をご容赦ください、私はそれに取り組んでいます!:)

5
InkScapeでパスを2つの別々のパスに分割する
SVGで行われた顔のモノクロ描画があります。顔全体が1つのパスです。たとえば、どのようにして目だけを選択し、それを2つ目の別のパスにすることができますか?ありがとう。 目は空間に浮かんでいるだけで、鼻や口などに接続されていないことに注意してください。
12 inkscape  svg 

7
Inkscapeで生成された複数のSVGファイルを複数のPDFファイルにエクスポートする
Inkscapeで作成した約150のSVGファイルがあります。これらすべてを複数のPDFまたはPNGファイルにエクスポートできるユーティリティはありますか? 個別にエクスポートするのは時間がかかりすぎるので、ユーティリティ/ソフトウェアを使用してバッチで実行できるかどうか疑問に思っていました。 Windowsを推奨。


1
CMYK SVGを読み取り、インポート、または変換できるものはありますか?
短い質問:SVG仕様に従って指定された、CMYK色のSVGファイルがあります。これをデザインプログラム(すべてのデザインプログラム)に組み込んで、デザインを完成させ、印刷する準備をします。ただし、実際にはSVGのCMYK色に注意を払うものは何も見つかりません(とにかく、IllustratorやInkscapeではありません)。 色は複雑で、簡単に変換するのは簡単ではありません。ブランドガイドラインで指定されたCMYKの色合いやブレンドが適切でなければならないため、動的に生成される数百のシェードを想像してください。 背景: javascriptとSVGを使用してデータから生成されるデータ駆動型グラフィックを設計し、JavaScriptとSVGを使用して、たとえばD3を介して(またはRaphael / D34Raphaelを介してIEをサポートして)Web用に1つのバリアントを公開することが一般的になりつつあります。次に、同じコードを使用して、印刷用のバリアントを生成します。これは、Illustrator(またはInkscape)で終了し、プリンターまたはレイアウト担当者にPDFとして送信されます。 これは、ニューヨークタイムズのグラフィックブログの例で、このワークフローについて説明しています。以下のグラフィックはWeb用にコード化されており、SVGがブラウザーからIllustratorにコピーされ、印刷グラフィックとして完成しました(色は単純なので、問題はなく、RGBから変換するだけです)。 : SVG は CMYK色を指定できます(SVGコーダーの場合、構文は次のようになります:)<circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/>。しかし、ほとんどの設計ソフトウェアはこれを無視します。InkscapeコミュニティでCMYK SVGのサポートやScribusに関する複雑な問題(「オープンソースのInDesign」)についての話を見てきましたが、どちらもうまく機能できませんでした(Scribusを誤解している可能性があります)。 - 編集: この記事は、ICCカラープロファイルとして定義されている場合、ScribusがCMYK SVGをインポートできることを示唆しています ...まだ十分に理解されていませんが、有望に見えます)。 したがって、「Webモード」でRGB SVGの視覚化を生成し、「印刷モード」でCMYK SVGを生成するコードを作成して、適切な色を動的に生成できます。問題は、これらのCMYK SVGファイルでは何もできない-IllustratorとInkscapeがそれらを黒として処理することです。 任意のグラフィックプログラムは、そこにあるプラグインまたはCMYKの形でSVG画像を撮影し、それが任意のベクトル形式に変換することができます方法(ai、pdf、eps...)ここで、設計ソフトウェアは、CMYKの色に耳を傾けるだろうか? 以下は、CMYKで色が指定されたテキストを含む単純なSVGファイルです。コピーして貼り付け、.svgファイルとして保存するだけです。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="176.18px" height="111.59px" viewBox="0 0 176.18 111.59" …

5
画像がCC /パブリックドメインでない場合、画像のベクトル化は著作権侵害ですか?
クリエイティブコモンズなどではない場合でも、この画像をベクトル化してポスターを作成しても問題ありませんか?画像の一部を直接使用せず、独自のSVGバージョンを作成するためのガイドとしてのみ使用します。 これは画像です: こちらがオリジナル画像です。 それはCCライセンスされていると言っていますが、元のNatGeoはそうではないと思います。 私はそれでお金を稼ぐつもりはありません。私はただいいポスターが欲しいだけで、オリジナルの品質はそれほど良くありません。

1
SVGにサイズの概念はありますか?
SVGファイルについて疑問に思っていました。XMLのパスタグで定義されたベクトルのコレクションであることはわかっています。なぜ、svgタグにピクセル単位の幅と高さがあるのでしょうか。また、これらの寸法を削除するとどうなりますか?
11 svg 

1
タイリング六角テッセレーションを作成するにはどうすればよいですか(SVG / Web用)?
下の画像のようなテッセレーションパターンで通常の六角形を使用して、WebページのSVG背景画像を作成しようとしています。ただし、相互に接続するために六角形が必要なので、以下を使用できます。 background-image: url("path-to-hex.svg"); CSSパターン。Inkscapeでこれをしたいのですが。ただし、パターンをブロックに「切り取る」方法がわかりません。どうすればこれを始められますか? 編集 結果は本当に美しく見えました!
11 inkscape  svg  patterns 

4
InkscapeのPNGエクスポートのDPIを変更する
Inkscapeを使用して、1080 x 1920ピクセルのサイズの(SVGファイルの)PNG画像をエクスポートしたいと思います。ただし、DPIは常に90に設定されており、変更した場合、寸法もそれに合わせて変更されます。同じ寸法でより高いDPIを持つことは可能ですか?

1
SVGをエクスポートするイラストレーター、ビューボックスがアートボードのサイズと一致しませんか?
IllustratorからSVGを出力しようとしています。私のアートボードは256x256ピクセルです。アートボードの左上は0,0です。 svgをエクスポートすると、viewbox属性はになります0.5 792.5 256 256。どうしてじゃないの0 0 256 256? すべてのレイヤー/パスなどは256x256ボックス内にあります。それ以外には何もありません。 また、新しい256x256ドキュメントを作成し、すべてのレイヤーを古いファイルから新しいファイルにコピー/貼り付けたところ、ビューボックスは0 0 256 256期待どおりでした。それで、そのオフセットをスローした元のファイルはどうでしたviewboxか? 更新:1つを除くすべてのレイヤーを削除してエクスポートしました。ビューボックスは次のようになります:0.5 536.5 256 256、これはまだ意味がありません。特にアートボードは現在空です。 見たい場合のAIファイルは次のとおりです。https: //www.dropbox.com/s/q0u6r46b3j9sefa/sprites-old.ai?dl = 0

2
IllustratorでPDFを開くとテキストオブジェクトが壊れる
最近、いくつかのPDFファイルをに変換する必要SVGがありました。これを行うには、IllustratorでPDFを開き、SVGに保存しました。 問題は、IllustratorがPDFを開いたときに、多くの(すべてではない)テキストオブジェクトが異なるテキストオブジェクトに分割されることでした。たとえば、「policy」という単語は1つのテキストオブジェクトではなく、複数のテキストオブジェクト「po」、「l」、「icy」になります。それに韻や理由があるようには見えなかった。 これを防ぐにはどうすればよいですか?


3
PostScriptをSVGに変換することは可能ですか?(Inkscape)
PostScriptファイルをSVGに変換することは可能ですか? 基づいてTex.SEで答え、私はInkscapeのを使用しようとしました: inkscape test.ps --export-inkscape-svg=test.svg これは確かにSVGファイルを生成しましたが、フォントを変更し、文字間のスペースを削除しました。最小限の作業例として、テキストのみを含むPostScriptファイルを作成しました(ただし、元のファイルにはテキストとグラフィックの両方が含まれています)。次の画像は、PostScriptファイル(上)と結果のSVGファイル(下)を示しています。 PSをSVGに変換する正しい方法は何ですか?

5
AI vs EPS vs SVG
技術的な違いは何ですか?私はIllustratorからInkscapeに切り替えることに興味があり、SVGだけで作業することを望んでいますが、Illustratorにとどまっている場合、これは私のチームにとって問題になりますか?.aiはSVGやEPSよりも能力がありますか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.