11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour, je rencontre un problème sur Google Chrome, (bon sur IE aussi mais on verra plus tard)

Sur Firefox tout fonctionne bien :

J'ai un canvas dans ma page je veux le transformer en image et le télécharger pour cela voila mon code.


<a href="#"  download="votrepolos.jpg" class="delpdf">Télécharger</a>


	$( ".delpdf" ).click(function() {
var canvas2 = document.getElementById('canvas');

			var dt = canvas2.toDataURL();
                        alert(dt);
			$('#'+divconcerne+' .delpdf').attr('href',dt)
			windows.open(dt);
			$('.delpdf').trigger('click');
			return true;
 	
	
		
	});



Le problème c'est déjà mon alert s’affiche pas alors que dans firefox pas de problème.

On dirait qu'il bloque à cette fonction canvas2.toDataURL(); et de plus je n'ai aucun message d'erreur dans ma console.

Une idée ?
Administrateur
Ceci peut provenir d'une limitation de sécurité volontaire (origine), par exemple désactivé si on consulte la page en file:// plutôt que http://
Il faut aussi que le canvas/image soit du même domaine que le script appelant (en bref que tout soit hébergé au même endroit).