私はTCPDF phpライブラリを使用して自分のsvgをpdfに変換しています。私のsvgはbody、div、およびspanを持つforeignObjectを持っていて、テキスト内にいくつかのコメントを表示します。 ブラウザでそのSVGを見ると、その外観はきれいですが、TCPDFを使ってPDFに変換すると、灰色の背景が表示されている場所にテキストが表示される空きスペースが増えています。SVGのForeignobjectは変換されず、TCPDFによってPDFで表示されます
答えて
あなたはSVGで<foreignObject>
を使用する場合は、SVGをレンダリングするだけでなく、HTMLをレンダリングするだけでなく、コンバータが必要になります。おそらく誰かがHTMLをサポートするSVGコンバータを販売していますが、私はそれを認識していません。ユーザはSVG非SVGコンテンツを埋め込むことができるように
SVG標準は、<foreignObject>
要素を提供します。 SVG標準では、foreignObjectに配置される可能性のある特定のタイプのコンテンツをサポートするためにSVGレンダリングを必要としません。
ブラウザはのforeignObjectでHTMLをサポートしているという事実は、純粋にHTMLビューアであること、それらの結果として明らかです。
foreignObjectの使用を避ける以外に、明確かつ明白な回避策はありません。
あなたはベクトルとしてSVGコンテンツの滞在はPDFへの変換時、あなたはビットマップにSVGを変換するphantomjsのようなものを使用することができることを気にしない場合。その後、そのビットマップをPDFに変換します。それは非常に素晴らしい解決策ではありません。
ブラウザでうまく動作しているBrowerに問題はありません。しかし、そのSVGをTCPDFで使用しているときは、foreignObject要素出現していない。そして、はい、私はベクトル形式で滞在するSVGが必要です。私は$ pdf-> ImageSVG($ file = 'images/tux.svg'、$ x = 30、$ y = 100、$ w = ''、$ h = 100、$ link = ''、$ align = ''、$ palign = ''、$ border = 0、$ fitonpage = false); TCPDFからPDFでsvgを追加する場合 –
HTMLをサポートするSVGからPDFへのコンバータを見つけることをお勧めします。 '
@PaulLeBeau "draw.io"のしくみを見てください。彼らは間違いなくテキストを表示するためにsvgのforeignObjectを使用します。そして、いくつかのサーバー側コンバータを使用してこのsvgをpdfに変換します。彼らはどのようなコンバータを使用しますか? – krispo
- 1. TCPDF SVGが表示されない
- 2. SVG foreignObjectがChromeに表示されない
- 3. SVG foreignObjectがブラウザに表示されない理由は何ですか?
- 4. foreignObjectがモバイルデバイスに表示されない
- 5. PDFがiPadで表示されているときにTCPDF埋め込みttfフォントが表示されない
- 6. SVGイメージの変換中にフォントが表示されない
- 7. HTMLをPDFに変換する - インスタンシエートされたオブジェクトが表示されない
- 8. Joomlaでは、SEF URL変換クエリが表示されず、表示されません。
- 9. イメージはインラインで表示されず、別の行に表示されます
- 10. 既にロードされているページにTCPDF pdfを生成して表示するには?
- 11. エラーは表示されず、画面は黒色で表示されます。JOGL
- 12. SVGの画像画像タグはChromeでは表示されませんが、ローカルに表示されますか?
- 13. RailsのURLが表示されずに変更される
- 14. SVGパスは、EdgeまたはIEでは表示されませんが、Firefoxでは表示されます
- 15. MacではChromeでSVGが表示されますが、WindowsではChromeでは表示されません
- 16. xslによって変換されたXML文書のhtmlソースを表示
- 17. SVG要素が画面に表示されず、コンソールに要素が追加されています。
- 18. 変更後の値がPDF変換後に表示されない
- 19. Svgパスがコンソールに表示されますが、画面に表示されないのはなぜですか?
- 20. Angular2レンダラー:Svg rectはレンダリングされますが、ページに表示されません
- 21. イメージはBase64に変換され、ブートストラップモーダルのキャンバスに表示されません
- 22. FirefoxにSVGが表示されない
- 23. プログレスバーが画面に表示されずにデバッガに表示されます
- 24. アイコンが表示されず、マークが表示されています
- 25. tspan(SVG)のハイパーリンクは表示されていません。
- 26. 変換された要素のSVG影
- 27. jQueryが実行されずにページに表示されます
- 28. Googleマップでエラーが表示されず、表示されない
- 29. SVGビューボックスにオフスクリーンアイテムが表示されています
- 30. エラーが表示されずにXShmGetImageが表示されない
ようこそStackoverflow。あなたの質問を改善するためにこれらのリンクを読んでください:[ツアー](http://stackoverflow.com/tour)| [質問する](http://stackoverflow.com/help/how-to-ask)| – Tom