Con calma, sto cercando di costruire un piccolo sistema grafico: su un canvas mettere fotografie, disegni e successivamente mi interesserò di scritte, per poi salvare il tutto in formato grafico standard (PNG, o quel che si potrà fare).
Qualcuna delle mi prove è visibile in questa pagina: http://www.coalize.it/graphic.php
Gran parte del merito non è mio, ma del gruppo fabricjs attivo su Google groups.
Il problema è sul salvataggio: esistono librerie grafiche in JS che però non funzionano con i browsers Microsoft che forniscono il messaggio:
codice:
SCRIPT122: Area dati passata ad una chiamata al sistema troppo piccola.
Ora, ho trovato qualcuno che passa le informazioni tramite FORM, ma questo form è creato con javascript e purtroppo io lo capisco poco. Questo è il form che ho messo sul pulsante "Finalizza"
codice:
<form name="base64img_form" method="post" onsubmit="savecanvasfile()">
<input type="submit" name="base64img_data" value="Finalizza" />
</form>
La funzione JS savecanvasfile fa così:
codice:
function savecanvasfile() {
	canvas.discardActiveObject().renderAll(); // disabilita la selezione di "fabric"
	var base64img = canvas.toDataURL('image/png'); // base64img contiene la trasformazione (lunga) in immagine
// base64img si presenta nel formato data:image/png;base64,iVBORr0wKGo...
	document.forms["base64img_form"].base64img_data.value=base64img; // definisce il finto form
	var attributes = new Array();
	attributes['base64img_data'] = base64img;
	post_to_url('<?=$PHP_SELF?>', attributes);
Ma la cosa che proprio non capisco è post_to_url, derivato da questa discussione
Come faccio, se qualcuno lo sa dire, ad aggiungere eventualmente un secondo input hidden?
Mi serve per passare le due variabili (immagine canvas e un nome file) a una procedura PHP.
Grazie.