問題タブ [canvg]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - D3js で変換値を含む svg をエクスポートすると、先頭に灰色の線が表示される - Canvg
D3js で作成した svg を cannvg を使用してエクスポートしています。svg への変換値がある場合は常に、エクスポートされた画像に灰色の線が入ります。灰色の線を取り除くと消えます。（ラインは緑色の丸で表示されます）
これがsvgの私のコードです
このsvgをエクスポートするためにcanvgを使用しています。
javascript - キャンバスを画像として保存 [canvg - キャンバスに svg をレンダリング]
キャンバスを Web ページからファイルに保存しようとしています。キャンバスはかなり複雑で、いくつかの画像 (いくつかの半透明の .png ファイル、2 つの svg 要素、および 4 つの他のキャンバス) から構築されており、どのように保存しようとしても、canvas.toDataURL()メソッドまたはdomtoimage [ライブラリ]を使用しています。 ( https://github.com/tsayen/dom-to-image ) またはcanvas2imageまたはfileSaverまたはcanvasToBlobライブラリ - 結果は同じです: svg (および<image>内部の要素) パーツのない画像。そのため、キャンバスから構築されたパーツのみを取得しています。「汚染された」キャンバスについて読みましたが、画像ホスト サーバーは Web ページと同じです。
さらに、RCMをクリックして「名前を付けて画像を保存」機能を選択してキャンバスを保存すると、必要なもの、つまり全体像が保存されるため、混乱します。
コード全体が巨大で、保存オプションが異なるため、ここでは保存オプションを 1 つだけ示します。
左側の画像は、ブラウザで「画像を保存」機能を使用したときに得られるもので、右側はtoBlobを介して js によって保存された画像です。
画像全体を自動的に保存する方法について何か提案をいただければ幸いです :)
angularjs - SVG を PNG の画像に変換する
html2canvas および canvg プラグインを使用して、角度のある nvd3 チャートを svg に変換していますが、円グラフを png に変換すると、グラフと同じように見えますが、折れ線グラフまたは面グラフを変換すると、背景が黒くなり、円が画像に溺れます。私のコードは
みんな助けて。前もって感謝します