問題タブ [canvg]

x 軸のラベルが無効になっている単純な highChart があります。後で、次のコードを使用してチャートにテキストを追加しています

また、以下に示すように chart.events.load に追加しようとしましたが、スナップショットで取得できませんでした。

}

HTML ページで xAxis ラベルを完全に実現できます。問題は、グラフの画像を保存する必要があることです。このために、canvg を使用しました。画像は表示されますが、chart.renderer.text.css を使用して設定されたこの xAxis テキストは画像に表示されません。

xAxis ラベル属性は問題ありませんが、最初のラベルの前と最初のラベルの後にパディングを追加することはできません。

画像の保存中にも chart.render.text.css を取る canvg の代替案、またはコードに示されているようにラベルを highChart に配置する方法を提案してください。

HighChart の div はありません。ExtJS パネルに配置しています。これは、ラベルがスナップショットに表示されない理由ですか?

前もって感謝します！

canvg js libを使用してsvgをcanvasに変換しようとしています。

元の svg には、svg パターンへの url の fill 属性を持つ rect が含まれています。canvg を使用して svg をキャンバスに変換すると、次のようになります。

canvg(document.getElementById('canvas'), svg);

rect 塗りつぶしの画像の比率が変わります (幅と高さが変わります)。

これは、変換前後の svg を示しています。

誰でもこの問題を解決するためのアイデアを持っていますか?

SVG 内に複雑なインタラクティブ グラフィックがあります。ユーザーがpng/pdfとして出力できるように、SVGを非表示のキャンバスに変えたいです。

test111.js は div#forSVG を作成し、その中に svg#svg を作成します (さらに円、パス、テキスト)。

canvg関数への入力としてsvg#svg、div#forSVG、およびdiv.outerHTMLを使用しようとしましたが、次のようなエラーが常に発生します。

さまざまなエラーがありますが、それらはすべて canvg.js の 50 行目付近にあり、すべて s 変数が未定義であることに関係していると思われます。編集 1640: canvg.js の関連する行は、 s が何であるかを教えてくれます:

したがって、 canvg(canvas, svg) を呼び出すと、 s は入力した svg 変数であると思います (opts はオプションです)。Console.logging (typeof svg) はobjectを返します。

canvg.js の最初の 60 行:

編集の終わり

誰かが私が間違ったことを見つけることができますか? 変数 svg は、動的に作成された div と svg を見つけるのに問題はありません (コンソールに正しくログを記録しています)。ありがとう

サーバーから動的にロードされるインラインsvgがあります。そのsvgをインラインcssを使用して操作または変更したい。その変更されたsvgをpngまたはbase64画像に変換することを検索しました。長い間検索した結果、Canvg に固執することにしました。

問題は、背景や境界線の半径などのインライン スタイル属性をレンダリングすることです。

これは私のsvgです。

次のようになります。

パスはサーバーから動的にロードされることに注意してください。したがって、それを変更することはできません。

今、私はそれをこのようなものに操作したいと思っています。

これは次のようになります。

ただし、canvg スクリプトを使用してレンダリングした後。raw ファイルとしてレンダリングされます。塗りつぶしの色だけが含まれます。他には何もありません。

それを行う他の方法はありますか？canvas または svg 要素を使用する。

助けてください！！！前もって感謝します