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

[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

<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>