Door
Enrique Gervaso
op 12-01-2017 15:06
gewijzigd op 12-01-2017 18:57
2.128 views
Hoi,
Ik heb nu onderstaande code maar nu moet ik op een button klikken voordat een screenshot wordt gemaakt van een div. Wie weet hoe ik dit kan aanpassen zodat deze wordt gemaakt bij het laden van de pagina?
<script type="text/javascript">
$(document).ready(function() {
/*BEGIN DOWNLOAD HTML CONTENT AS IMAGE*/
if ($("#image-canvas").length > 0) {
$(".save-image").on('click', function() {
$("#image-canvas").height($($(this).attr('data-print-area')).height());
$("#image-canvas").width($($(this).attr('data-print-area')).width());
$($(this).attr('data-print-area')).html2canvas({
onrendered: function(canvas) {
var formdata = {
image_code: canvas.toDataURL("image/png")
};
//console.log(formdata);
$.post("screenshot/saveimage.php", formdata, function(msg) {
console.log(msg);
window.location.href = msg;
});
}
});
});
}
/*END DOWNLOAD HTML CONTENT AS IMAGE*/
});
</script>
True, wat verduidelijking kan helpen. Maar ik kan mij zo voorstellen dat dit een canvas is waar je op tekent, en datgene wat je tekent wil je opslaan in stappen/versies. Het op eenzelfde wijze onthouden van de initiële stap lijkt mij handig. Ook al is dit misschien redundant.
EDIT: Anders moet je op een of andere manier programmatisch een uitzondering maken voor de eerste stap.
Mijn reactie is een reactie op de opmerking van Thomas.
Het lijkt me persoonlijk handig als Thomas zijn uitleg even verwijdert en dat we afwachten wat de TS te zeggen heeft. Zo lang niet duidelijk is of het hier wellicht om een frauduleuze handeling gaat, ligt de bal mijns inziens bij de TS.
Reden dat ik dit wil doen is omdat ik een template builder aan het maken ben. Als de template klaar is en de HTML is gegenereerd dan wil ik een screenshot van het geheel automatisch opslaan en toevoegen als preview in de gallery.
Geen frauduleuze handelingen of whatever....
Iemand die een voorbeeld kan geven met bovenstaande code hoe ik dit moet doen? Ik krijg de on click functie niet weg en er wordt niets opgeslagen.
Dat had je natuurlijk kunnen voorkomen door natuurlijk direct uit te leggen wat je bedoeling was. Maar je punt is nu gelukkig duidelijk. Misschien is het wel handig om je code even netjes in te springen, want als ik haakjes onder elkaar zie, dan krijgt dat altijd een beetje de kriebels bij mij ;-).
