問題タブ [html2canvas]

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.

0 投票する
3 に答える
28751 参照

javascript - html2canvas が定義されていないのはなぜですか?

この関数を呼び出すと、常に「html2canvas が定義されていません」と表示されます。

しかし、なぜ?私はそれのクラスを持っています...それについて書かれたチュートリアルのように。誰にも解決策がありますか?

ここに html2canvas を含める必要があると思いますが、方法がわかりません。

0 投票する
5 に答える
24418 参照

javascript - html および Svg から Canvas への JavaScript

これは私のhtmlコードです。キャンバス画像に変換したい。

画像に変換するためにhtml2canvasプラグインを使用していますが、svgが表示されません。svg tp キャンバスの変換を解決しましたが、html2canvas が機能しなくなりました

svg をキャンバスに変換できますが、html2canvas 関数が機能しません。

0 投票する
1 に答える
3402 参照

internet-explorer-9 - Html2Canvas が IE9 でのみ機能しない

div 領域を自動的に印刷したい。だから私はHtml2Canvasを使用しました。IE9 を除くすべてのブラウザーで完全に動作します。バグがある場合はコードを修正してください

0 投票する
0 に答える
818 参照

javascript - Google マップの画像が IE10 では機能しないのに、Chrome では機能する

html2canvas を使用して Google マップの画像をキャプチャしようとしていました。Chrome でキャプチャされているものは、Internet Explorer ではキャプチャできないため問題ありませんでした。それを手伝ってくれる人に感謝します。私は何日も解決してきましたが、

以下はコードです:

html コード:

Internet Explorer のロギング エラー

Chrome のロギング エラー

0 投票する
2 に答える
23342 参照

javascript - html2canvas - iframe のスクリーンショットがありません

(e.g www.yahoo.com)Web ページにURL をロードし、スクリーンショットを撮る必要があるタスクがあります。スクリーンショットにhtml2canvasを使用し、ページの本文に追加しています。

URL で指定されたページは、div 要素内の iframe に正常に読み込まれます。しかし、そのスクリーンショットを撮ろうとすると、iframe 領域が空白になります。

previewURL以下はとのコードですscreenshot

HTML 部分は次のようになります。

スクリーンショットは次のようになります。 ここに画像の説明を入力

私は立ち往生していて、なぜこれが起こっているのか理解できません。URLをロードできるこれに似たものが必要で、onclickでスクリーンショットを取得できます。

0 投票する
3 に答える
2710 参照

javascript - javascript の html2canvas で Google マップとチャートがサポートされないのはなぜですか?

このメソッドで html2canvas を使用してスクリーンショットを作成しています:

このスクリーンショットを取得する (スクリーンショットという名前のダイアログ/ウィンドウの左側の画像) ここに画像の説明を入力

ご覧のとおり、Google マップは生成されず、円だけです。また、チャートはスクリーンショットにありません。なにが問題ですか?

0 投票する
2 に答える
2472 参照

javascript - ファイルを開く代わりに強制的にダウンロードする方法は?

基本的に、私はと呼ばれる単純なライブラリを使用していますHTML2Canvas

これは私の現在のコードでうまく機能しておりonclick、ボタンからのイベントから呼び出されています:

基本的には、スクリーン ショットを取得してページの下部に追加するだけです。

これに似た質問が既にありましたが、答えはうまくいかず、ダウンロードは常に破損した jpg ファイルです: html2canvas はブラウザで開かずに jpeg として保存

ページの下部に追加する代わりに、この関数内でダウンロードを強制する方法はありますか?

0 投票する
2 に答える
8493 参照

javascript - Html2Canvas でレンダリングすると、ページが一番上までスクロールされる

次のコードを使用して、html2canvas ライブラリを使用しています。

onrendered呼び出されると、ページは自動的に一番上にスクロールされます。スクロール位置を維持し、自動的にページの上部に移動しない方法はありますか?