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

ベクトルアニメーションの標準的なオープン形式であるSVGがあるようです。 そのようなファイルを作成および編集する方法は？ キーフレームとカーブエディタを備えたBlenderのようなものを期待しています。Inkscapeには、一見アニメーション機能がないようです。 FOSSを強くお勧めします（したがって、Flashに関連することは推奨されませんが、FlashからアニメーションSVGへのコンバーターがある場合は、言及する必要があります）。

19 animation  svg 

SVGをPDFや一般的に使用されるビットマップ形式（PNGなど）に変換する無料のLinuxコマンドラインツールはありますか？

17 linux  svg 

SVGには、サイズを決定する次のプロパティがあります。 width="146.91299pt" height="78.079002pt" viewBox="0 0 146.913 78.079" 400ptアスペクト比を損なうことなく、コマンドラインで特定のSVGをwithにスケーリングしたいと思います。つまり、上記の3つの値を正しく変更する必要があり、次のsvgコードのすべてのポイントを変更する必要があります。キャンバスサイズだけを変更するのではなく、svgイメージサイズ全体を変更したいです。そして、私はGUI /手でそれをしたくありませんが、CLIでそれをしたいです。 コマンドラインで特定の幅に自動的にSVGをスケーリングするにはどうすればよいですか？ 理由：画像が小さすぎると、ウィキペディアのプレビューが悪く見えます。例としてこの画像を参照してください。 Inkscape-GUIでこのタスクを行う方法 Shift + Ctrl + M（変換） スケール（「比例的にスケール」をチェック） 幅を入力 Shift + Ctrl + D（ドキュメントプロパティ） ページを選択範囲に合わせる 今、私はこれを行うための自動CLI方法が必要です。 ところで、インクスケープは単純に適用されました <g transform="matrix(1.6838397,0,0,1.6838397,-3.3543029,-3.3542794)" id="surface0"> 画像全体に。

17 command-line  svg  inkscape 

Font AwesomeアイコンをSVGグラフィックスに変換する方法はありますか。Inkscapeで他のベクター画像内で使用できますか？ これはフォントエディタのみを参照するため、InkscapeにIcon ReferenceのFont Awesomeをインポートしても役に立ちませんが、フォントをSVGグラフィックスセットに変換したいだけです。 これは可能ですか？もしそうなら、どのように？

16 fonts  svg  inkscape 

Google Chromeを使用して1178x5408 .svgファイルを表示します。たくさんの小さな「サブグラフィック」（矢印で結ばれたダイアログのスクリーンショット。「ウィザード」と考えてください）が含まれ、すべてがgraphvizによって作成されます。 今、私はそれを適切に印刷したい。私にとっては、全体を1枚の紙に縮小しないことが重要です。それは、小さなスクリーンショットがもう表示されないからです。 私の最良の選択肢は何ですか？

16 printing  svg 

1つの小さなSVGファイル（Inkscapeで作成）を取得し、別の（より大きな）ファイルに埋め込みまたはリンクしたいと思います。ブラウザに表示されるとき、小さい方が大きい方のプレースホルダー内に表示されることを期待しています。 出来ますか？

16 svg  inkscape 

（「コピーを名前を付けて保存」を使用して）画像をSVGに保存しようとすると、次のエラーが発生します。 Transforms are expanded. 別のプログラムでSVGをロードしようとすると、空白のキャンバスしか表示されません。最終的にパスデータをRaphaelJSにフィードしたいのですがShow Code、SVGエクスポート中にボタンをクリックして取得したパスデータでも、RaphaelJSで空白のキャンバスが生成されます（RaphaelJSがロードされ、適切にレンダリングされていることを確認しました）。 このIllustratorのエクスポートエラーが問題であると確信していますが、それを解消してSVGグラフィックを適切にエクスポートする方法を理解できません。 誰か助けてもらえますか？ありがとう！

16 export  adobe-illustrator  svg 

タイトルは問題をかなり説明していると思います。 Inkscapeを使用してSVGドキュメントを記述し、それをPDFに変換してWebで共有します（SVGを元のファイルとして保持する方が安全です） このドキュメントには多くのURLがあります。私は内部リンク（クリック可能であり、必ずしも画面全体にURLを表示しているわけではない）がSVGおよびビットマップ画像（通常は最終的な出力ドキュメントとして想定されている）ではあまり意味がないことを知っていますが、PDFでは優れています。 出力PDFファイルの編集とリンクの追加は、PDF形式が複雑で厄介であるため、非常に困難です（使いやすいエディタープログラムがない限り）。 このようなリンクを簡単に追加する方法（Inkscape / SVGが望ましい）

12 pdf  url  svg  inkscape  links 

最初にPNGなどのビットマップ形式に変換せずに、SVG画像をベクター画像としてMicrosoft Publisher 2010ドキュメントに挿入するにはどうすればよいですか？SVGファイルをパブリッシャードキュメントにコピーして貼り付けることはできません。PublisherがEPSファイルを受け入れるため、SVGをEPSに変換して挿入できることを知っています。問題は、変換に時間がかかり、多くの場合、色が正しくないことです。これがベクターグラフィックスをパブリッシャーに取り込む唯一の方法である場合、SVGをEPSに変換してパブリッシャーに一気に貼り付けるワンステップの方法はありますか？

10 microsoft-office-2010  vector-graphics  svg  microsoft-publisher 

このコマンドを使用して、512px幅のシャープなバージョンのSVGファイルを生成しています。 convert -geometry 256 pinterest.svg pinterest.png これはソースファイルです： <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" …

8 macos  imagemagick  png  svg 

アーカイブのために、いくらか単純なWebページ（JavaScriptなし、最小限のCSS）をSVGに変換したいと思います。この変換のための推奨ツールまたはワークフローがあるかどうか疑問に思いますか？ 私の現在の考えは、どういうわけかAdobe Illustratorでページを開いてからSVGにエクスポートすることです。しかし、「どういうわけか」は大きな疑問符です。多分このようなものはIllustratorにHTMLを開くでしょうか？

8 conversion  html  svg 

可能な重複： LinuxでSVGをPDFに変換する方法 プログラムでSVGファイルをPDFファイルに変換したいです。ただし、SVGファイルには、生成されたPDFファイルで検索可能なテキストが含まれています。また、x86_64アーキテクチャ用のRed Hat Enterprise Linux 5.3またはCentOS 5.3で動作する必要があります。それがオープンソースであるか、少なくともそれほど高価ではない場合、それは素晴らしいことです。 これが私が試したことです。 Batikを除いて、これらすべてはDebian Lennyでうまくいきます。 インクスケープ 自動パッケージを使ってインストールすることができます。 http://inkscape.modevia.com/ap しかし、コマンドラインから使用すると、テキストは検索できません。 バティックラスタライザ [sic] SVGファイルをPDFファイルに変換すると、テキストは検索できなくなります。 svg2pdf このソースとその依存関係のいくつかは ダウンロード 。私はそれをCentOS上でコンパイルすることを試みていますが、まだ成功していません。私は見つけました プリコンパイル版 Debian x86_64用ですが、CentOSでは動作しません。 rsvg変換 生成されたPDFはCentOS 5.3では検索できません。おそらく、より新しいバージョンのcairoをインストールすることが助けになるでしょう。 （スーパーユーザー上の）rsvg-convertについて言及してくれたDaveParilloに感謝します。 溶液 （しかし、おそらく上記のいくつかはまだ読者に役立つでしょう） princeXML ソースからインストールした場合、CentOS上ではうまく動作します。何らかの理由で、.rpmからインストールした場合は動作しません。ありがとうErikDahlström！ （私の場合はstackoverflowでうまくいった解決策を提供しました） stackoverflowにクロス投稿

5 images  pdf  processing  inkscape  svg 

このバグを2台の異なるコンピューター（両方ともmacOS High Sierraを実行）で再現しました。そのうちの1つで、このバグをテストするためだけに、Mozilla Firefoxのクリーンインストールを初めて実行しました。Firefox Usedのバージョンは61.0.1でした。使用されているSafariのバージョンは11.1.1です。 ウィキメディアコモンズで公開されている以下のSVGをご覧ください。 これには多くの奇妙なことが起こっています。 以下で、コンピューターの1つで発生したバグを報告してください（他のデバイスでは、Safariでの動作は同じです。Firefoxでの動作は同じではなく、より多くのインスタンスを見つけて参照できますが、少なくとも一部の文字列については、すべてのインスタンスを検索して参照できるわけではありません）。 文字列を参照すると： そして 私は得る 1 matchSafariで; すなわち、私は5試合のうち1試合にしか到達できません。そして Firefoxでは、押すHighlight Allと5つのインスタンスが正しく強調表示されますが、ステートメントを取得1 of 5 matchesする1 of 3 matches前からしか切り替えることができませんReached end of page, continued from top。言い換えると、通常は結果に焦点を合わせる上矢印と下矢印を使用すると、5つの一致のうち3つしか到達できません。 文字列を参照すると： 公司 私は得る 47 matchesSafariで; つまり、私はすなわち、すべてに達することができる47試合の47。そして Firefoxでは、Highlight All正しく押すと47個のインスタンスが強調表示されますが、1つのインスタンス、つまり35 of 47 matchesステートメントを取得する前にのみフォーカスできますReached end of page, continued from top。言い換えれば、通常は結果全体に焦点を合わせる上矢印と下矢印を使用して、47の一致のうち1つだけに焦点を合わせることができ ます。 文字列を参照すると： 這一鍋 私は得る 1 …

2 macos  firefox  browser  safari  svg 

IllustratorをすべてのSVGのデフォルトとして設定していますが、SVGをダウンロードするときはいつでも、ブラウザ内のダウンロードをクリックすると、ブラウザが新しいタブでSVGを開きます。 SVGを開く唯一の方法は、ダウンロードフォルダを開いてそこからSVGを開くことです。 ダウンロードしたSVGをクリックしたときに、ブラウザで開くのではなく、Illustrator内で開くようにする方法はありますか。 いくつかの簡単な情報 私はMacにいます SVGを右クリックしてに移動して、Illustratorをデフォルトに設定しました。 で開く... SVGを右クリックして開き、Illustratorをデフォルトに設定しました。 情報を取得 、デフォルトのアプリケーションをIllustratorに設定してクリック すべて変更 最後に、私は私のコンピュータにこれをやめることをきちんと頼んだが、私はそれが私を聞いたとは思わない。

1 macos  google-chrome  browser  adobe-illustrator  svg 

SVGを出力するJavaScriptチャートコンポーネントがあります。 （タイムスライダー付きのアニメーション棒グラフのようなものです。） 私のクライアントの一人は、After Effectsでこのアニメーションをさらにカスタマイズしたいと思います - おそらく他の背景色や深さなどを追加します。 これに適したワークフローは何でしょうか。 （可視化の期間は30年です。 私は1年に1つのSVGファイルを簡単に保存することができました - そしてそれらをイラストレーターで開きます。ファイルを.aiとして保存して、After Effectsにインポートします。それなら、After Effectsはこれが階層化されたファイルの範囲であり、SVGをタイムライン上に均等に配置できることを理解できると思いますか。アニメーションをさらに滑らかにするために、ベクトルオブジェクトの「年」の間にモーショントゥイーンを追加することもできますか（各レイヤーに1つのオブジェクトしかない場合）。

1 adobe-illustrator  svg  vector-graphics  adobe-after-effects