alexa-tracking

html2canvas Multiple Canvas Problem

Main Content

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>
mau capture google maps ya?
kenapa gak pake static map aja? emoticon-Bingung (S)
Sya butuh data trafficnya
KASKUS Ads
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
×