6
私はhtml2canvasを試しましたが、期待どおりに動作しませんでした。なぜなら私はカスタムマーカーでGoogleマップを使用しており、これらのマーカーなしで地図のスクリーンショットを作成するだけなのでです。HTMLまたはJavaScriptを使用して現在のウェブサイトの「スクリーンショット」を作成していますか?
私はそれがどのように見えるようにスクリーンショットを作りたい:
しかし、結果は次のとおりです。
チャートにもその偉大に見えるしません。私が使用できる選択肢はありますか?ここで
は、私は(#downloadPDFがボタンがある)html2canvasを使用して画像を作成するために使用するコードです:あなたのホスティングセットアップ上<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#downloadPDF').click(function() {
html2canvas($(".map"), {
logging: true,
useCORS: true,
onrendered: function (canvas) {
var imgData = canvas.toDataURL('image/png');
window.open(imgData);
}
});
});
});
うまくいけば、CSSがそうします。メディアクエリが使用されていますか?それらを確認してください。 –
html2canvasはdomを使用しているので、別のキャンバスのようなものがあれば、それはうまくいかないかもしれないと私は思っています。あなたはクライアント側だけをphantomJS http:// phantomjsのようなものにする必要があります。 org/screen-capture.html – FabioCosta
@AfzaalAhmadZeeshan、私はBootstrapも使用していますが、いくつかのメディアクエリがありますが、これらのメディアクエリがhtml2canvasライブラリにどのような影響を与えるかはわかりません。 –