問題タブ [rsvg]
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.
php - PHP を使用して複数の画像レイヤーを持つ SVG から PNG へ
このコードで画像に変換svgしますpng
これは、単一の svg 画像で機能します。
実際には、svg次のような複数の画像レイヤーを含む画像があります。
1層目 -これは透明な背景のTシャツ画像です
2層目 -これは色を含む別のTシャツ画像です
第 3 層 -これは、T シャツに配置する小さなステッカー イメージです。
私のsvgコードは - です:
ここで、すべてのsvg画像レイヤーを結合して単一のpng画像を作成したいと考えています。
現在、変換されたpng画像には背景色のみが表示されています。Tシャツとステッカーの画像が表示されていません。
svg - SVG preserveAspectRatio が機能しないのはなぜですか? rsvg 変換
作業中のアプリの画像を作成するために SVG グラフィックを使用しています。例として、最も単純な画像の 1 つを使用します。
これらの画像が完成したらrsvg-convert、iOS アプリケーションに必要なサイズの画像を作成します。したがって、実行する 1x、2x、および 3x サイズを生成するには
設定により、ビューポートのサイズに拡大するpreserveAspectRatio="xMaxYMax meet"必要があると信じるようになりました。viewBoxただし、これを実装すると、次の結果が得られます。
login-1x.png
login-2x.png
login-3x.png
スケーリングがまったく行われていないことがわかります。実際に追加すると
100% x 100% の長方形の輪郭を表示するには、次のようにします。
100% x 100% アウトライン
したがって、何らかの理由で rsvg-convert が 100% をビューポートではなくビューボックスの 100% と解釈していることは明らかです。私は何を間違っていますか？
node.js - base64 フォントが埋め込まれた SVG を PNG に変換する
SVGファイルをPNGに変換するサービスを備えたnodeJSバックエンドがあります。私はそれを行うためにphantomJSを使用していましたが、問題はありませんでしたが、パフォーマンスは非常に悪かった.
これを行うパフォーマンス的な方法を探しています。現在 RSVG を使用していますが、フォント以外は完全に機能します。
現在、次のような方法で SVG ファイル内にフォントを埋め込みます。
ブラウザーではこれは完全に機能しますが、RSVG は埋め込まれた base64 フォントでは機能しないようです。
誰か提案がありますか？