canvg

-1熱

1答えて

canvgプラグインを使用して1つのキャンバスを作成しました。次に、ctx.drawimage（）[canvgによって作成]を使用してキャンバスの下に別の背景イメージを配置したいと思います。試しました。お勧めします。 var svgString = new XMLSerializer().serializeToString(document.querySelector('svg'));

1熱

1答えて

JavaScriptを使用してCSSプロパティのブラウザのデフォルト値を見つける

JSを使用してインライン/インポートされたスタイルを無視して、CSSプロパティのブラウザのデフォルト値を取得できますか？コンテキスト：私はJSを使用して、特定のSVG要素とその子のすべてのスタイルをインラインで使用しています（canvgを使用してPNGに変換できます）。私の出力は利用可能なスタイルごとに大きく膨らんでいますが、インラインを含むスタイルの配列からブラウザのデフォルト値を使用している

0熱

1答えて

私は私が書かれているコードを記載しているimage.Belowとしてチャートを保存する機能を書かれている

画像としてチャートを保存することができません： HTML： <div> <span id="save" onclick="javascript:saveChart1();" style="height:10px;width:40px; color:#000;"> comment</span></div> <div id="chart_load"></div> <div id="chart_sa

0熱

1答えて

divを含むキャンバスを追加すると動作しません

私はdiv内のsvgをキャンバスに変換するためにこれを使っています（これまではうまくいきました）。そしてdivのinnerHTMLを別のdivにコピーしましたが、動作しません。キャンバスが来ても、そのキャンバスには何も表示されません。予めおかげ <div id="k"> <svg width="100" height="100"> <circle cx="50" cy="50" r=

1熱

1答えて

Canvg - mousemoveでキャンバスを変更しました

私はcanvgを使って画像にSVGを描画しています。現在、SVG to canvasの部分はうまく動作しています。しかし、私はポインタがそれに入るときに、生成されたキャンバスがなぜ変化するのか判断できません。私は実際に生成されたキャンバスをコピーする必要がありますか、何か不足していますか？ MacOS Xのエルキャピタン（また、私の友人は、これはFirefoxとChromeの両方にWindowsの

0熱

1答えて

canvgがEdge内で動作しない

私はcanvgを使用して、svgコンテンツのWebページスクリーンショットをとっています。クローム、オペラとIE11では、それだけで不気味キャンバス上のコンテンツのない黒の背景を描画しエッジブラウザでただし、正常に動作するようです。 Try it here in Edge browser リンクを開く上記および以下の実施例 1を試してみてください）サッカー 2）フロアプラン私は、問題を見つけるこ

1熱

1答えて

カートラベルをcanvgでの印刷の問題を参照しやすく、チャート

http://jsfiddle.net/jjhii/46bv10db/1/ <canvas id="canvas" width="800px" height="600px">data</canvas> canvg(document.getElementById('canvas'), svg); 別のビューの背後にあります。 http://jsfiddle.net/46bv10db/5/ 上記

0熱

1答えて

canvas（）は重複するtspanで問題を解決します

svg要素をpngに変換する必要があります。 pngに変換中に、テキストが重なって正しく整列していません。実際の画像は、このようなものです： enter image description here 変換後の画像は、このようなものです： enter image description here コードはこのようなものです：の //この作品コードはsvg要素の下にあります <text class=

0熱

1答えて

SVGビューボックス外の領域を除外してSVGをキャンバスに変換

印刷や同様の目的で、SVGの可視領域を静止画像に変換する必要があります。私は、最初にcanvgを使ってSVGをキャンバスに変換してから、canvas.toDataURLを使ってキャンバスを画像に変換するというアプローチを読んでいます。私はこれらの基本的な要件を満たすことができましたが、私のビューボックスは私のSVGよりもずっと小さく、切り取りとスケーリングが問題になりました。これが私が現在抱えてい

0熱

1答えて

SVGをPNGに変換しようとしています

私は少しこれを扱ってきましたが、うまくいかないようです。結果として得られるPNG画像にOnclickは空です。以下のコードを参照してください.... function svgToCanvas (targetElem,fileName) { var nodesToRecover = []; var nodesToRemove = []; var svgElem = t