問題タブ [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.
jquery - IE 8 で canvg() 用の SVG を準備するにはどうすればよいですか?
canvg を使用して、ドキュメントに埋め込まれた SVG 画像をラスタライズしようとしています。次のコードは、Firefox 17 で正しい出力を生成します。
ただし、IE 8 (私の組織がサポートする他のブラウザー) ではsvgText、値が取得されません。jQueryのメソッドなど、他のオプションを試してみましたがhtml()、ほとんど成功しませんでした。結局のところ、実際には html ではありません。
私の質問はこれです: IE8でSVGをテキストの文字列として取得するにはどうすればよいですか? 私が考えていないことにこれを渡すことができる他の方法はありcanvg()ますか？
jquery - html2canvas は SVG を保存します
私はpngをクリックしてSVg外部をロードできるページにサイトを持っています。カラーピッカーを使用すると色を変更でき、ドラッグ可能でサイズ変更可能で、SVG の位置と寸法を変更できます。
今、この SVG を html2canvas で保存したいと思います。
html2canvas が SVG をサポートしていないことはわかっています。そのためには canvg を使用する必要があります。
しかし、保存時に動的SVGをcanvgで変換するにはどうすればよいですか?
画像の位置の色や寸法が変わらないようにしたいからです。
可能です？
canvg my dinamuc SVG で変換するにはどうすればよいですか?
これは私のコードです（非常に複雑なので簡略化しました）
JQUERY：
HTML:
jquery - SVG 内の画像を使用して SVG を PNG にエクスポート
Raphael.js を使用して別の画像の上に画像を描画できる Web サイトを作成しようとしています。描画パーツが完成し、線を png としてエクスポートできるようになりました。raphael が関数によって生成した SVG に画像を挿入しますpaper.image()。残念ながら、私のエクスポート機能にはインポートされた画像が含まれていません。
これらは私が使用しているスクリプトですが、すべてを使用しているとは思いません。
これがエクスポート関数 $('#save').onmousedown... です。
画像を表すボタンで画像をインポートする方法は次のとおり$('#img1').onmousedownです...
例として、画像と白い線を使用して dom-tree で出力がどのように見えるかを次に示します。
返信ありがとうございます。私の英語を許してください。
javascript - canvg が IE 10 で動作しない
への変換作業を行っsvgていpngます。この変換には、 を使用してcanvgいます。この変換は Google Chrome では正常に機能していますが、IE 10 では次のエラー メッセージが表示されます。
次のコードを試しました
IE 10 で実行するにはどうすればよいですか?
誰でも私がこれを行うのを手伝ってもらえますか?
javascript - フィルタをサポートする JavaScript の SVG から PNG へ
canvgを使用してSVGをPNGに変換するために、この方法を使用しています。
ブラウザで SVG を画像 (JPEG、PNG など) に変換します。
ただし、canvg は私のプロジェクトに必要な feColorMatrix フィルターをサポートしていません。代替の変換方法、またはこの問題の修正を知っている人はいますか? ありがとう！
javascript - html5 キャンバスに複数の外部 svg グラフィックを表示する方法
HTML 5 キャンバスを作成し、ctx.fillRect(X,Y,W,H); を使用していくつかの形状を追加しました。および他のいくつかの JavaScript 関数。
今、そのキャンバスの複数の場所に svg グラフィックを追加したいと考えています。
svg を使用する理由は、画像のシャープネスと品質です。HTML5 で drawImage メソッドを使用してみましたが、drawImage メソッドを使用してキャンバスに追加したときに、描画したい画像が非常に高品質の出力を提供しません。どのように高解像度の画像を使用しても、非常に低品質の画像になります。
しかし、svg グラフィックを使用することが解決策だと思います。
これは私が使用したコードです、
この問題についてstackoverflowで見つけた解決策として、以前の同様の質問で述べたようにcanvg.jsを使用してみましたが、明確ではありませんでした。例えば：
このコマンドで外部 svg の URL を指定するにはどうすればよいですか? drawSvg のパラメーターとして '' の間の URL を使用できますか? 例: ctx.drawSvg('location.svg', 0 , 0 , 500, 500);
キャンバス内に svg グラフィックを表示する方法はありますか? canvgはトリックを行うことができますか? もしそうなら、どのように正確に？
これについて私を助けてください。:)