問題タブ [svg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
7 に答える
4547 参照

svg - SVGは死にかけていますか?次は何ですか?

複数のソースから、SVG が死にかけていると聞きました。Adobe によって放棄されました。

なんて悲しい!SVG の次の代替案は何ですか?

0 投票する
5 に答える
18679 参照

c++ - 中間ラスターなしでOpenGLでSVGを表示する

OpenGLアプリ(DebianのC ++で開発、Qtを使用)に表示したいいくつかの単純なSVGアートワーク(アイコンやグリフのようなもの)があります。

明らかな解決策は、ImageMagickライブラリを使用してSVGをラスターイメージに変換し、それらをいくつかの適切なポリゴンにテクスチャマッピングすることです(または古き良きglDrawPixelsを使用するだけです)。

ただし、SVGを一連のOpenGL呼び出しに直接変換し、OpenGLの線やポリゴンなどを使用してレンダリングするものがあるかどうか疑問に思っています。誰もがこれを行うことができる何かを知っていますか?

0 投票する
13 に答える
116858 参照

javascript - Javascript を使用して SVG グラフィックを作成しますか?

JavaScript を使用して SVG グラフィックを作成するにはどうすればよいですか?

すべてのブラウザーが SVG をサポートしていますか?

0 投票する
3 に答える
3697 参照

path - SVG による 2D レンダリングとズームイン

私の仕事は、さまざまな種類の曲線を 2 次元空間の特定の点列に適合させるアルゴリズムを開発することです。

アルゴリズムをテストできるように、結果を表示するために SVG を選択しました。いくつかの問題があります。

アルゴリズムの入力と出力が大きく異なる可能性があるため、生成された SVG ファイルをズームインして表示できることが不可欠です。

ただし、SVG のパスは特定の幅でしか表示できません。ズームインすると、パスの幅が広くなります。たとえば、すべてのズーム レベルで幅を 1 ピクセルにしたいと思います。これに対する解決策はありますか?

また、SVG はポイントを表示できますか? はい、シンプルで生のポイントです。できないことがわかりました。

感謝

0 投票する
7 に答える
35186 参照

windows - WindowsでSVGをプログラムでPDFに変換する方法は?

サーバー上でSVGをPDFドキュメントにプログラムで変換しようとしています。Windowsでそれを行うためのオプションは何ですか?

InkscapeBatik、およびsvg2pdfへのリンクを見てきましたが、Windows サーバーで変換を実行するためにこれらを簡単に自動化できるかどうかはわかりません。

ここには、サーバー上で OpenOffice Portable を自動化するという珍しい解決策があります: http://www.codeproject.com/KB/office/PortableOpenOffice.aspx

0 投票する
1 に答える
805 参照

javascript - キャンバスにオブジェクトを配置するためのアルゴリズム

いくつかのオブジェクトを巧妙な方法でキャンバスに配置するためのアルゴリズムはどこにありますか?私はjavascript(Raphael svgライブラリを使用)を使用していますが、他の言語(または疑似言語)を使用した例を歓迎します。幾何学は私の強みではありません=)

たとえば、600x800のキャンバスがあり、 60x60のサイズのn個のオブジェクトをスマートな方法で配置したいとします。たとえば、次のようになります。-オフセットがoのm個の同心円
に沿ってオブジェクトを配置するアルゴリズム。-m個の同心の正方形に 沿ってオブジェクトを配置するアルゴリズムですが、代替周波数(結果はチェス盤のようになります)

そして同様の例..私は私の場合に適応するためにいくつかの実用的な例を探しています。よろしくお願いします=)

0 投票する
3 に答える
20052 参照

javascript - Google マップに SVG ダイアグラムを重ねるにはどうすればよいですか?

Google マップにオーバーレイ画像を追加したいと考えています。画像は、私が生成した SVG ファイルです (Python with SVGFig)。

次のコードを使用しています。

驚いたことに、Safari 4 では動作しますが、Firefox では動作しません (Safari 3 では背景が透過されません)。

SVG をオーバーレイする方法を知っている人はいますか?

PS1:このような作品や swa.ethz.ch/googlemaps のソース コードを読んだことがありますが、JavaScript コードを使用して SVG を解析し、すべての要素を 1 つずつ追加する必要があるようです (ただし、すべてを理解したわけではありません)。起源...)。

PS2: SVG は、透明度のあるさまざまな塗りつぶされたパスと円で構成されています。SVG をオーバーレイするソリューションがない場合は、2 つの代替ソリューションを使用できます。

  • SVG をラスタライズする
  • GPolygons のパスと円を変換します

しかし、ビットマップの品質が悪く、アンチエイリアシングで生成する時間がかかるため、最初のソリューションはあまり好きではありません。

2 番目のソリューションでは、円弧、楕円、および円を小さなポリラインに分解する必要があります。良い結果を得るには、それらの多くが必要になります。でも描く円弧や円は3000くらいあるので…

0 投票する
1 に答える
949 参照

apache-flex - Degrafa 描画ツール - 存在しますか?

MXML で degrafa を使用する簡単な方法を見つけようとしています。私はアーティストではありません。コードを使用してグラフィックスを作成することは、必要なアートワークを作成するために何が必要かを視覚化できない場合、非常に間違っているように思えます。
私が求めているのは、SVG グラフィックを適切な MXML タグに変換して、MXML ファイルにコピー/貼り付けできるツールです。

Degrafa サイトで SVG データを取り出して MXML ファイルに配置する方法についてのビデオがあるはずですが、現在は利用できません。

このためのツールがあるかどうか、または svg データを取り出して MXML コードに変換するチュートリアルを知っているかどうかは誰にもわかりません。

乾杯。

0 投票する
2 に答える
8338 参照

html - SVGファイルをHTMLコードに埋め込むときに、異なるブラウザで同じ結果を生成するにはどうすればよいですか?

以前の質問Overlay SVG diagrams on google mapの解決策を見つけ始めました。

しかし、別の (小さな) 問題があります。私は Firefox 3.5 と Safari 4 (Mac 上) を使用していますが、SVG を XHTML に埋め込むと、まったく同じ結果が得られません。

<object>または要素を使用できます<embedded>(ただし、最後の要素は非推奨だと思います)。私はそれらを次のように使用します:

また、SVG のサイズと縮尺は Firefox と Safari で同じではありません。私の SVG ではwidthheightviewBoxが定義されています。

すべてのブラウザーで同じ結果を得る方法はありますか (SVG をサポートしていない IE は気にしません... したがって、「すべてのブラウザー」とは、少なくとも Firefox、Opera、および Safari の最新バージョンを意味します) ?? 多分私が定義するのを忘れた何か?

編集: また、SVG は FF では透明ですが、Safari では透明ではないことにも気付きました<object>... :( SVG を含める「標準的な」方法はありますか??

ご協力ありがとうございました