問題タブ [svg-font]
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.
unicode - SVGを使用したフォントパスレンダリング
フォントスタイルに従って文字「ٹ」をレンダリングしようとしていますが、機能しません。私のものではなく、デフォルトのフォントをレンダリングしています。足りないものはありますか？コードは次のとおりです。
内<glyph>にパスを描画すると、フォントは正常に作成されますが、Unicode「ٹ」にアタッチするとレンダリングされません...
linux - 複数の SVG イメージを SVG フォント ファイルに変換するスクリプト
複数の SVG 画像 (それぞれに 1 文字を含む) を SVG フォント ファイルに変換するスクリプトを探しています。
基本的にこのウェブサイトと同じです: http://keyamoon.com/icomoon/app/
しかし、ビルド プロセスに統合できるように、スクリプト (できれば Linux) を使用したいと思います。
何か案は？または私が始めることができるコード？
入力は SVG 画像のリスト + マッピング ファイルで、出力はすべての SVG 画像を SVG フォントとして含む 1 つのファイルである必要があります。
svg - レンダリング スタイル属性 (@style と font-size)
IE と Firefox の両方で、SVG の @style 属性はフォント サイズをレンダリングしませんが、@font-size 属性は機能することがわかりました。（失敗した表示が小さすぎて見えないのか、色がないのか、まったく表示されていないのかはわかりません）。
@style標準は、特定の属性が代替であることを暗示しているようです。これは正しいです？もしそうなら、これはブラウザーの制限であり、防御コーディングとは何ですか (たとえば、安全のために常に両方を使用する必要がありますか?)。私は独自の SVG を生成しているので、これに影響を与える可能性のあるグローバル属性が存在する可能性があります。
svg - SVG フォントグリフは相対座標よりも絶対座標を優先しますか?
私は今週末、SVG フォントをいじって (特に自分で作成して)、(少し驚いたことに) それらはすべてKeyamoonの次のような絶対座標パスを好むように見えることを発見しました。
何らかの正当な理由 (たとえば、一部のレンダラーの既知のバグ) はありますか?それとも、通常の Scour の省スペース プラクティスに従って、すべて小文字の描画コマンドに固執することはできますか?
svg - Inkscape でグリフを埋め込みベクター パスに強制的に変換する方法
Inkscape で SVG ドキュメントを作成しました。非標準フォントのテキストが含まれています。svgxml はフォントを参照します。そのため、ベクターは、ユーザーのマシンで (または Web シナリオで Web フォントを使用して) 使用できるフォントに依存します。この依存関係を削除したい。手動で行う方法は知っていますが、時間がかかります。
Inkscape は、フォントを参照する代わりに、必要なグリフを純粋なベクトルとして含める方法を提供していますか?
svg - なぜsvgフォントがミラーリングされるのですか？
要素を含むSVGファイルがあります<path d="..." />
そのファイルをSVGフォントに変換しました：
属性dは変更されませんが、フォントはx軸によってミラーリングされます。
なぜそれが起こるのか、そしてそれを修正する方法は？
svg - FFおよびIE9のSVGフォント-cssフォントはsvgで機能しますが、svgフォントは機能しませんか？
さまざまなブラウザで可能な限り類似したSVGテキストを作成しようとしています。
理論的には、FirefoxもIE9もSVGフォントをサポートしていないことを知っています。しかし、なぜ彼らがTypekitからダウンロードした私のフォントを拾うことができるように見えるのかについて私は混乱しています。
この例http://www.concord.org/~sfentress/test-svg2.htmlを見ると、「Museo」フォントを使用しようとしている2つの例があります。
1つ目は、Typekitからダウンロードしたフォントである「font-family = "'museo-slab'」を指定するだけです。2つ目は、サーバー上のsvgフォントファイルmuseo-sans-500に直接リンクしています。
Chromeでは両方のフォントが正しくレンダリングされますが、FirefoxとIEの両方では最初のフォントのみがレンダリングされます。これは私には非常に奇妙に思えます-私は両方が機能するか、どちらも機能しないことを期待していました。
FirefoxとIEはどのようにして最初のフォントを正しくレンダリングできますが、2番目のフォントはレンダリングできませんか？
javascript - SVG フォントからの SVG パスの抽出
SVG のフォントから抽出されたパス要素をレンダリングするのがいかに簡単か疑問に思っていました。
.ttf ファイルには、SVG のパス要素としてレンダリングするための十分な情報が含まれていないことを認識しています。それらを画像に変換し、スクリプトを使用して再ベクトル化する方法のみを保存してください。これは...悪いことですそして非効率。
では、SVG フォントから直接パス データを抽出する理想的な方法は何でしょうか?
svg フォントを使用して単語を入力し、パスを使用してフォントを取得するテキスト ボックスを作成する方法はありますか?