-1

私はcss/jsを使用してフライヤージェネレーターを構築しています。最終製品を階層化されたai/vectorに出力したいと思います。SVGはありますが、私はそれが役立つかどうかを判断するのに十分な知識がありません。誰かがこれを達成するために私が探求できることについての提案がありますか？サーバーはノードになります。もちろんサーバー側の処理を期待しています。これまでのところPDFにアクセスすることはオプションですが、その上のレイヤーを区別する方法をまだ見つけていません（私はそれを詳細に調べていないことを認めます-ただ今一般的なビューを取得しようとしています）

4

1 に答える 1

1

ベクター出力をターゲットにしている場合は、SVGが間違いなく良い選択です。ただし、最初にHTMLを使用してから、それを何らかのベクトル形式に変換したいようです。JavaScriptを使用してブラウザで直接SVGを生成および操作することは、変換中の問題を回避するためのより良い選択かもしれませんが、その変換は次のように見えるかもしれません。SVGを操作するために標準のDOMメソッドを使用するか、 Raphaëlのようなライブラリを使用することができます。ただし、いくつかの注意点があります。

  • <textArea>SVG 1.2の要素はまだ広くサポートされていないため、テキストの改行に注意する必要があります。
  • テキストを左右に揃えるには、テキストを操作するたびに調整する必要のあるword-spacingプロパティを使用する必要があります。メソッドを使用してテキストの長さを確認し、getBBox()毎回単語の間隔を再計算する必要があります。
  • SVGには動的リフローがありません。他の要素の幅/高さによって位置が変わることはありません。チラシのようなものを生成する場合、いくつかの小さな変更が「ページ」レイアウト全体を破壊しないため、これはより良い選択と見なされる可能性があります。
  • SVGテキストを編集可能contenteditable="true"にすることはSVGではサポートされていません。

<textArea>正当化されたテキストと編集可能なテキストを考慮した前述の制限の可能な回避策は、 SVG内でHTMLを使用<foreignObject>し、最終ステップとしてそれらを実際のSVGにのみ変換することです。

SVGでは、レイヤーは<g>（ "group"）要素を使用して実現されます。

于 2012-12-18T07:09:04.277 に答える