問題タブ [html2canvas]

ユーザーの画像を作成するスクリーングラブボタンを作成しようとしていますdocument.body。

理想的には、ユーザーはイメージをローカルに.jpeg.

html2canvasライブラリを使用して、必要な機能の作成に近づいています。

これが機能していることを確認するために、img変数を新しいブラウザ ウィンドウで開いています。画像が完全にレンダリングされません。長さが 30,000 文字を超えているためだと思います。

onrenderedイベント後にキャンバスをローカルに保存するオプションをユーザーに提供するにはどうすればよいでしょうか?

ユーザーが現在のスクリーンショットをメールに送信できるようにするために、私の Web サイト (PHP) で feedback.js (html2canvas に基づくもの) を使用しようとしています。しかし、XHR、JSONを使用する方法がわかりません...これは私にとってまったく新しいことです

送信方法は次のとおりです。

この URL でデータを受け取る方法と、画像としてメールに送信する方法を教えてください。

html2canvas JavaScript ライブラリを使用して特定の div のキャンバス要素を作成するアプリを作成しています。問題は、CSS3 の回転プロパティがサポートされていないため、アプリで画像を回転すると、html2canvas が正しくレンダリングされない (回転を適用しない) ことです。

では、CSS3 なしで HTML オブジェクトを回転させることは可能ですか?

皆さん、

私はjsが初めてで、リモートWebサイトのスクリーンショットをキャプチャして撮るのに問題があります。誰かが私を正しい方向に向けることができますか

このエラーが発生し続けます：

Uncaught TypeError: Object [object Object] has no method 'html2canvas' index.php:4201 capture index.php:4201 onclick

私のコードはindex.phpです

PNG 画像があり、その Base64 PNG 文字列表現を取得しました。まだかなり大きいので、さらに大幅に圧縮できるかどうか知りたいです。それは可能ですか？

バックグラウンド

html2canvas を使用して現在の Web ページのスクリーンショットを作成し、それを base64 (canvas.toDataURL() を使用) 文字列として変換してサーバーに送信します。ただし、文字列のサイズが大きすぎる場合、サーバーは例外を返します。

キャンバスを文字列の形で圧縮する最も効率的な方法は何ですか?

どんな助けでも大歓迎です。前もって感謝します。

私はpngをクリックしてSVg外部をロードできるページにサイトを持っています。カラーピッカーを使用すると色を変更でき、ドラッグ可能でサイズ変更可能で、SVG の位置と寸法を変更できます。
今、この SVG を html2canvas で保存したいと思います。
html2canvas が SVG をサポートしていないことはわかっています。そのためには canvg を使用する必要があります。
しかし、保存時に動的SVGをcanvgで変換するにはどうすればよいですか?
画像の位置の色や寸法が変わらないようにしたいからです。
可能です？
canvg my dinamuc SVG で変換するにはどうすればよいですか?

これは私のコードです（非常に複雑なので簡略化しました）
JQUERY：

HTML:

ページのスクリーンショットをキャプチャするために html2canvas プラグインを使用しています。次のコードを使用すると、正常に動作します。

document.ready ではなく、document.ready の外部で使用すると、ボタンのクリックで言うように、リソースの読み込みに失敗したなどのプラグインに関連するプロキシの問題が発生し続けます: サーバーは 404 のステータスで応答しました。

このコードを使用して、html2canvas を使用して Div 内に表示される画像をキャプチャしています。

コードは機能し、base64 の URL で新しいブラウザー ウィンドウを開きますが、画像は表示されません。

画像が表示されないのはなぜですか？

現在、html2canvas を使用して div を画像として取得しています。

次に、その画像をダウンロードしたい（ブラウザのデフォルトのダウンロードディレクトリに）

しかし、これはうまくいかないようです。file_put_contents("downloadedPic", $unencodedData) を実行すると、画像はサーバーに正常に保存されます。

ヘッダーの構成が異なる必要がありますか?