React アプリケーションでJointJSを使用しており、ユーザーがダウンロードできるマップの PDF をレンダリングできる必要があります。マップを正常に表示してすべてを正常に表示することはできますが、それを SVG に変換することはできません。
これがどのように機能するかを理解する方法：
- これらの Rappid 手順を使用して紙モデルを SVG に変換します
- レンダリングされた svg を PDF に組み込む
- PDFをダウンロード
問題は、紙のモデル内のデータを読み取って実際にレンダリングすることができないことです。Rappid の .toSVG の指示に従おうとすると、SVG がコンソールに記録されたときに空になり、すべての色が (0,0,0) になり、すべてのラベルが空になります。さらに、私たちが試した PDF および SVG 変換ソリューションの多くは、このモデルを毎回空白でレンダリングします。
マップ自体はページ上で正常にレンダリングされますが、そのコンポーネントを SVG または PDF に変換しようとすると、JointJS 関連のクラス名を持つ空の div として表示されます。これは、構造は存在するがレンダリング データが作成されていないことを示しています。それを通して。
Paper または Graph モデルを PDF で使用できる SVG に変換するソリューションを思いついた人はいますか? 私たちが Rappid で見たソリューションは、それらがどのように使用されることになっているのかについて完全なコンテキストを提供していないように見えるからです.
以下は、Rappid から試している 2 つの関数 ( toSVG() と print() ) のコードです。svg コンソールは空の 0 データでログを記録し、印刷機能は印刷メニューを開いてフリーズします。
よろしくお願いします。
if (pdfDownload) {
this.paper.toSVG((svgString) => {
console.log(svgString);
this.paper.print();
});
}