11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour, j'ai un soucis avec mon code je voudrait créer un texte dans un canvas éditable depuis un input le problème et que ma fonction duplique le texte sur lui même. J'ai chercher un peut partout sur google je n'est pas trouver la solution. Le ctx.clearRect ne marche pas ou je ne sais pas bien m'en servir Smiley decu . Je suis débutant et sa fait plusieurs heure que je cherche si quelqu'un a une solution je lui serait très reconnaissent merci d’avance.


<body> 

	<canvas id="can" width="500" height="150"></canvas>

<form>
	<input id="text2" type="pseudo" name="text" value="">

<input type="button" value="poste" onclick="edit_tx()">



			<!-- javascript -->

	<script>
		


		var canvas = document.getElementById("can");
		var ctx = canvas.getContext("2d");



	function edit_tx() {
		var text2 = document.getElementById("text2").value;

		
		ctx.fillText(text2, canvas.width/2, canvas.height/1.8);

		
		ctx.clearRect(0, canvas.width/2, canvas.height/1.8);
		
		}

		ctx.font = '50px Helvetica';
		ctx.fillStyle = 'purple';
		ctx.textAlign = 'center';



		
		// partie load

	 // setInterval('edit_tx()', 1500);


	</script>