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

GD @ SEの質問に基づく質問があります。「ヒラリークリントンのロゴにノッチが隠れている理由はありますか？」です。その質問と同様に、この質問は純粋にグラフィックデザインに関するものであり、政治的なものではありません。 私はそのページの回答を読みましたが、逆トラッピングの問題につながるアーティファクトを作成するエッジの重なりに関する懸念を理解していると思います。私が知りたいのは、ノッチの変位を選択するための論理とは何ですか？ その質問への回答に基づいて、ノッチを作る新しい頂点へのこれ以上の変位がなかった理由について私は混乱しています。たとえば、右の列のノッチをさらに右に移動して、左上隅の内側の端が上部の中央にある赤い矢印の上の三角形になるようにできましたが、デザイナーはそうしませんでした。たとえば、シャドウを作成することで作業が改善され、オーバーラップの競合が発生する可能性が低くなりませんか？ ソース： 変位が大きい場合：

7 svg  design-process  visual-artifacts  trapping 

私はフォントをデザインして、Inkscapeの各文字に対して個別のSVGファイルを作成しました。このトピックについて他のことを見ると、答えは常に「実際のフォントアプリケーションでフォントを作成する必要がある」という流れに沿っているようです。私はこれを知っていますが、多くのInkscapeファイルを.ttf形式に変換する方法はありますか？必要に応じて、各文字を1つのファイルに入れることができます。

7 inkscape  svg  font-design 

Inkscapeのようなツールを使用してグラフィックを描画するよりも、path要素とd属性を使用して手動でグラフィックを作成する利点（数学の助けを借りていると思いますか？）がありますか？Inkscapeはより非効率的なSVGコードを生成しますか？

7 inkscape  svg  path 

したがって、私は、プログラムによって生成/変更されたSVGとPhantomJS（現在1.9.0）を最終的なレンダリングエンジンとして使用して、ヘッドレスLinux環境で問題なく実行されているグラフィックスオートメーションチェーンを持っています。動的テキストの置換要件があり、その結果動的フォントのスケーリングと調整のニーズがあります...私は埋め込みSVGフォントといくつかのくだらない埋め込みJavaScriptを使用してきましたが、次の2つを除いて正常に機能します。 1）クライアントは合字のフォントを要求します（SVGフォント形式はサポートしていません）。 2）ライブプレビューオプションを検討しています。事前にサーバー上でpng / jpeg /をレンダリングせずに、SVGをWebページまで提供できるようにしたいと考えています。負荷を抑え、クライアントのCPUに負荷のかかる処理をすべて実行させます。 これらの問題のために、SVGフォントのサポートがそれほど良くなかったため、WOFFフォントをいじってみました。クライアントが必要な場合は、Blinkエンジンに切り替えると、Chromeでこれらのフォントがサポートされなくなります。できる限り多くの一般的なブラウザと互換性のあるものが必要です... だからここに問題があります：WOFF（またはOFTまたはTTF）フォントと@ font-face関数を使用すると、自動スケーリングが失敗します。 私がしていることは、グラフィックのSVGフォントをdefsに埋め込み、他のSVG要素のようにDOMで参照することです。これは、次のようなJavaスクリプトと組み合わせると、私が期待し必要なことを行います。 <script id="multiscaler1" type="text/javascript"> var texta = document.getElementById("text8093"); var textb = document.getElementById("text8100"); var textpatha = document.getElementById("textPath8097"); var textpathb = document.getElementById("textPath8104"); var patha = document.getElementById("path8091"); var pathb = document.getElementById("path8089"); var charcounta = textpatha.getNumberOfChars(); var charcountb = textpathb.getNumberOfChars(); var fontsizea = 10; var …

7 fonts  svg  web-fonts  resize  javascript 

私はSafariでデモしているIpadのモバイルデモを行っています。アイコンを使用して、画像を3倍に拡大縮小する必要をなくしています。問題は、私が使用している20px未満のアイコンは、ズームインするまで画面がぼやけるということです。他の誰かがこの問題を経験し、修正方法を知っていますか？参考までに、これらの画像をIllustratorで保存しました

7 svg  css 

何千ものJPGグラフィックがあり、それらをAdobe Illustrator CS4 / CS5のバッチ機能でベクターSVGファイルに自動的に追跡したいと考えています。 すべてのグラフィックは次のようになります。 私の問題は、マシンにAdobe Photoshop（CS5）、Illustrator（CS4）、Bridge（CS5）しかないことです。このソフトウェアでそれを行う方法はありますか？ イラストレーターでアクションを作ってみました。 [デフォルト]プリセットを目的のオプションで変更しました：オブジェクト->ライブトレース->トレースオプション。ここで私はオプションをこれに変更し、次のように保存しました[Default]： アクションを記録し始めました：オブジェクト->ライブトレース->作成。しかし、これを行うと、Illustratorは「カスタム」プリセットを選択するため、希望するオプションが得られませんでした。ご覧のように、「最小領域」は2pxに設定されています（「カスタム」モードでは20pxです）。 それで、Illustratorでそのようなことをする方法はありますか、または他のソフトウェア（可能であれば無料）を使用する必要がありますか？ 最後に、ファイルをSVGとして保存します。 ありがとうございました

7 adobe-illustrator  svg  batch-processing  live-trace 

私は、ウィキメディア・コモンズを含むさまざまな場所で使用できる多目的なテキストを含むSVGファイルを作成するアクションをセットアップしようとしています。唯一の問題は、Wikimedia Commonsがサポートする著作権フリーフォントの範囲が狭いことです。その中で最も普及しているのは、DejaVuやLiberationのような、（Linuxを使用している場合を除いて）人々が持っている可能性が低いフォントです。 勧告はあなたのSVGにフォールバックフォントファミリを使用して、ウェブの昔のように、です。たとえば、沼地の標準的なサンセリフテキストを使用する場合は、次のように使用できますfont-family: Liberation Sans, Helvetica, Arial, sans-serif-ウィキメディアではArialやHelveticaを使用できませんが、Liberation Sansは、これらの2つに対してほぼ同じ文字のサイズ、間隔、スタイルでサポートされるフォントなので、あなたのレイアウトはどちらの方法でも壊れません。 これは完璧ですが、SVGファイルはIllustratorから出力されます。これには明確な機能はありません。厳密に1つのフォントのみのようです。 Illustratorでフォントファミリーをfont-family="Liberation Sans, Helvetica, Arial, sans-serif"使用してSVGを出力するように強制する方法はありますか？font-family="'Helvetica'" 私の特定のケースではこれらが何百もあり、それは非標準ソフトウェアへのアクセスが制限されたスタッフによってクライアントが自分で管理するためのアクションとして設定しているプロセスなので、非イラストレーターの手順を回避しようとしています可能であればSVGソースコードを編集するようなものです。 Inkscapeまたは（より良い）オンラインSVGエディターなどの他のプログラムに基づく回答は、特に、ファイルのバッチでIllustratorのアクションバッチのように機能するもので使用できる場合は非常に歓迎されます（ただし、これは必須ではありません）。

7 adobe-illustrator  inkscape  svg  batch-processing 

PNGファイル全体をにエクスポートすると、IllustratorにあるSVGフィルターの一部が自動的に変換されるのはなぜですかSVG。PNGスケーラビリティのため、隠しファイルは必要ありません。 別の言い方をすると： ベクターファイル形式のベクターアプリケーションで作業しているにもかかわらず、作成したエフェクトの一部がラスタライズされるのはなぜですか？

7 adobe-illustrator  svg  effects  raster  filter 

印刷に時間がかかる画像/チャートがあります。実際、ポストスクリプトファイルの作成には時間がかかります。数年前、私はチャートを「検査/表示」できるツールを持っていました、そしてそれはチャートが画像境界の上から「範囲外」であるいくつかのハイライトされた領域を持っていることを視覚的に示しました。このツールを使用すると、メタデータを編集して値をたとえば10,000から10に変更できます。その領域は画像の境界内に戻りました。 これが曖昧/不明確な場合はお詫びします。基本的に、「ペイントがこのファイルを読み取れません。これは有効なビットマップファイルではないか、その形式が現在サポートされていません」というMSPaintエラーのあるEMFファイルがあります。それらを作成するアプリがチャートをEMFとして保存するため、これは実際にはEMFファイルです。 では、EMFファイルのメタデータを編集できるオープンソースツールを知っている人はいますか？ ありがとう

7 inkscape  svg 

カラーオーバーレイを使用した一連のレイヤーを持つ基本画像で構成される一連のPhotoshopファイルがあります。オーバーレイは、レイヤー名を使用してラベル付けされます。 私の仕事は、これらのオーバーレイをSVGパスとして取得し、どういうわけかラベルを維持することです。（もし私が同様に塗りつぶしの色を保存できれば、それはクールですが、必要に応じて任意の塗りつぶしの色を定義することができます。） これまでのところ、レイヤーをIllustratorパスとしてエクスポートしてSVGから、Illustratorからにエクスポートしてみました。これにより、妥当なSVGパスが得られますが、（a）ラベルが失われます。（b）レイヤーのオーバーレイに複数の個別のセクションがある場合、複数のパスに分離されます。 ラベルを保持しながらこれらのレイヤーをSVGに入れる方法はありますか？またはExport > Illustrator > SVG 、レイヤーごとにルートを設定する必要がありますか？ それが重要な場合は、CS5で作業しています。 回答者へのETA：私たちはこのプロジェクトを完了してから長い間仕事を提供してきたため、回答を受け入れることはできませんが、他の人のための潜在的な解決策を自由に提案してください。

7 adobe-photoshop  adobe-illustrator  vector  layers  svg 

クライアントがSVGファイルを要求しています（SVGとして保存するには、Illustratorでアイコンを作成する必要があります）が、Photoshopでアイコンを常に設計しています（Illustratorからベクターアートをインポートし、スマートオブジェクトとして配置し、レイヤースタイルを適用しています）。 Photoshopはレイヤー効果（ドロップシャドウ、グラデーションなど）にエンボス加工の外観の柔軟性を提供します。 Illustratorでアイコンを作成し、Photoshopが提供するのと同じ効果を作成した経験はありますか？ Photoshopでアイコンを作成し、必要なサイズに簡単に拡大縮小できることを願っていますが、同じ効果を作成できる場合は、Illustratorでそれらを作成できてうれしいです。

7 icon  workflow  effects  svg