問題タブ [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 投票する
2 に答える
3187 参照

javascript - html2canvas テキスト シャドウ バグ

私はこのコードを持っていますhttp://jsfiddle.net/nuu7B/2/

html2canvas を使用して画像をエクスポートしています。しかし、ご覧のとおり、text-shadow は正常に機能していません。

キャンバスがテキストシャドウをサポートしていることは知っていますが、html2canvas がここで問題です..

どうすれば修正できますか?ありがとう

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

javascript - 拡張子が png の html2canvas を使用して Web ページのスクリーンショットをキャプチャする

拡張子が png の html2canvas を使用して Web ページのスクリーンショットをキャプチャし、ローカル フォルダに保存するにはどうすればよいですか?

次のコードを試しました。スクリーンショットをファイル名で保存しますdownloadが、png/jpeg 拡張子は付けません。それを機能させる方法はありますか?また、スクリーンショットをローカル フォルダーに保存したいと考えています。

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

javascript - html2canvas を使用して Google マップのスクリーン キャプチャが正しく機能しない

Google マップのスクリーン キャプチャが正しく機能していません。出力画像ファイルに灰色の画面が表示されます。div セクションの単純なテキストの場合は正常に機能します。これに関する任意の提案。

私はこのように試しました:

更新しました:

以下のようにコードセクションを置き換えます。正常に動作していますが、.part ファイルとして保存されています。ローカル ディスクに保存するときに名前を付けることはできますか?

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

javascript - 画像付きのライトボックスポップアップを表示するには?

次のコードで。保存ボタンをクリックすると、Html2canvas から生成された出力画像をダウンロードするよう求められます。このコードを変更して、ダウンロードを要求する代わりに、「ライトボックス」機能を使用してオンザフライで画像を生成する方法。

私は次のように試しました:

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

javascript - ボタンを2回クリックした後にfancyboxポップアップが表示されるのはなぜですか?

「capture me」ボタンを 2 回クリックすると、Fancybox ポップアップ ウィンドウが表示されます。本体部分は初めて読み込まれません。また、ボタン セクションの後にスクリプト コード セクションを移動します。同じことが表示されます。window.load関数で試しました。何も変わりません。これに関する任意の提案。

私は試した :

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

html2canvas - divのhtml2canvasは小さく、高解像度の画像が含まれているため大きな画像が必要ですか?

内部に高解像度の画像(400X400)を含むhtml div(つまり、100X100)要素を作成しました。キャプチャすると、Webページに同じ表示(100X100)の画像が生成されます。div要素よりも大きい(200X200)画像を生成したいです。どうすればそれが可能になるのか理解できません..私を助けることができます、事前に感謝します。

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

javascript - mvc 4 プロジェクトでの html2canavas エラー

だからここに私がやろうとしていることがあります:私はユーザーがカードの表現を見るページを持っています。その後、ユーザーはカードの保存をクリックします。次の関数が呼び出され、カードを保存するためにデータがコントローラーに返されますイメージとして。これには html2canvas を使用します。コードは次のとおりです。

そのため、ページ上のボタンが関数のスクリーンショット('card') を呼び出し、これが起動する可能性がありますが、コンソールに次のエラーが表示されます。

Uncaught TypeError: Object c has no method 'getElementsByTagName' html2canvas.js:2191 _html2canvas.Preload html2canvas.js:2191

(匿名関数)

何が起こっているのか教えてください!

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

javascript - Dojox Gauge を含む div を画像に変換するにはどうすればよいですか

私のアプリケーションではDojox Gaugeを使用しています。そのゲージを画像に変換する必要があります。Dojo ゲージは div にあります。私は非常に多くの方法を試しました。1 つの方法はhtml2canvasを変換することですが、その div をキャンバスに変換した後、ゲージは表示されません。

そのコンポーネントを JavaScript で画像に変換する方法は?