D3 と wicked_pdf を使用していくつかのグラフをレンダリングしようとしています。show_as_html フラグを有効にすると、グラフが正常に表示されます。しかし、PDF 自体をレンダリングすると、軸だけが表示されます。グラフ エリア自体は空白です。グラフ コンテンツの後に軸がレンダリングされるため、JavaScript が実行されることはわかっています。
canvgを使ってSVGをキャンバスオブジェクトに変換してみました。
canvg($(this).find('#canvas')[0], $('<div>').append($(picture).clone()).html(), { ignoreMouse: true, ignoreAnimation: true })
変化なし。次に、次を使用して SVG を PNG 画像に変換しました。
$(this).find('#chart').append("<img id='as' src='" + $(this).find('#canvas')[0].toDataURL() + "'>").show()
まだ変化なし。ただし、 を使用して同様の png 画像を静的画像としてドキュメントに挿入するとwicked_pdf_image_tag
、正しい画像がレンダリングされます。wicked_pdf で画像を正しくレンダリングするにはどうすればよいですか? チャートが適切にレンダリングされる限り、形式は気にしません。