alexa-tracking
Selamat Guest, Agan dapat mencoba tampilan baru KASKUS Masih Kangen Tampilan Sebelumnya
Kategori
Kategori
Home / FORUM / All / Tech / ... / Programmer Forum /
html2canvas Multiple Canvas Problem
1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/58c7c75612e257764b8b4567/html2canvas-multiple-canvas-problem

html2canvas Multiple Canvas Problem

Permisi, saya mau nanya untuk para agan-agan yang berpengalaman atau pernah menggunakan javascript html2canvas. Sya mau menangap beberapa div canvas ke dalam beberapa gambar. Pertama gambar ditampilkan melalui canvas pada halaman website local, kemudian canvas-canvas tersebut disubmit yang kemudian menghasilkan gambar yang tersimpan pada hardisk. Sya ada kendala dimana hanya dapat menangkap satu gambar, sedangkan untuk gambar lainnya tidak tersimpan. Mohon bantuannya, terima kasih
Berikut script menangkap gambar
Code:
[removed]
function capture() {
var transform=$(".gm-style>div:first>div").css("transform")
var comp=transform.split(",") //split up the transform matrix
var mapleft=parseFloat(comp[4]) //get left value
var maptop=parseFloat(comp[5]) //get top value
$(".gm-style>div:first>div").css({ //get the map container. not sure if stable
"transform":"none",
"left":mapleft,
"top":maptop,
})
var b = -1;
function nextStep(){
b++;
if(b >= 17) return;
html2canvas($('#map-canvas'+b),{
useCORS: true,
onrendered: function (canvas) {
//Set hidden field's value to image data (base-64 string)
$('#img_val'+b).val(canvas.toDataURL("image/png"));
//Submit the form manually
$(".gm-style>div:first>div").css({
left:0,
top:0,
"transform":transform
})
nextStep();
document.getElementById("myForm").submit();

}
});
}
nextStep();
}

setInterval(capture,30000);
[removed]


Berikut code html
Code:
<form method="POST" enctype="multipart/form-data" action="save.php" name="myForm" id="myForm">
<h2>Jakarta Tangerang 1 </h2>
<div id="map-canvas0"></div>
<input type="hidden" name="img_val0" id="img_val0" value="" />
<br>
<h2>Jakarta Tangerang 2</h2>
<div id="map-canvas1"></div>
<input type="hidden" name="img_val1" id="img_val1" value="" />
<br>
<!-- <div id="map-canvas2"></div>
<input type="hidden" name="img_val" id="img_val" value="" /> -->
<h2>Jakarta Tangerang CLW 1</h2>
<div id="map-canvas2"></div>
<input type="hidden" name="img_val2" id="img_val2" value="" />
<br>
<h2>Jakarta Tangerang CLW 2</h2>
<div id="map-canvas3"></div>
<input type="hidden" name="img_val3" id="img_val3" value="" />
</form>
Beri apresiasi terhadap thread ini Gan!
mau capture google maps ya?
kenapa gak pake static map aja? emoticon-Bingung (S)
Sya butuh data trafficnya
Quote:

kalo mau manual, bisa coba pake developer toolbar punya firefox buat screenshot.
cuma ane blom nemu cara otomatis biar jalan pake javascript. emoticon-Hammer


×
GDP Network
© 2018 KASKUS, PT Darta Media Indonesia. All rights reserved
Ikuti KASKUS di