2011-03-21 4 views
0

J'ai une exigence que j'ai besoin de créer une toile et de dessiner à l'intérieur d'un programme et de le mettre à l'intérieur d'un chapiteau, le tout par javascript. C'est possible ? En guise de suivi: j'ai écrit ce qui suit, il crée le canevas mais ne le fait pas défiler, mais le chapiteau codé en dur fonctionne!html5 rouleau de toile

<html> 
<head> 
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
</head> 
<body> 
<marquee>you are welcome</marquee> 

<input type="button" value="click" name="btn" onClick="btnClicked();"/> 



<script> 
function btnClicked() 
{ 
alert('here'); 
var canvas = document.createElement('canvas'); 
     context = canvas.getContext('2d');  
// Draw whatever on your canvas 
context.beginPath(); 
context.moveTo(70, 140); 
context.lineTo(140, 70); 
context.stroke(); 
var div = document.createElement('div'); 
div.appendChild(canvas); 
var marquee = document.createElement('marquee'); 
marquee.appendChild(div); 
document.body.appendChild(marquee); 
} 
</script> 
</body> 
</html> 
+2

Il ne fonctionne que si vous envelopper tout cela dans un 'blink' élément. – alex

Répondre

1

Il est possible, mais probablement moche.

Je vais prendre votre question ... littéralement

var canvas = document.createElement('canvas'), 

    context = canvas.getContext('2d'); 

    // Draw whatever on your canvas 

var marquee = document.createElement('marquee'); 

marquee.appendChild(canvas); 

document.body.appendChild(marquee); 
+0

semble bien, merci, mais en supposant que ma page est chargée, quand je fais cela sur un clic de bouton, apparaîtra-t-il immédiatement dans la page, comme dans les applications vb? deuxièmement, puis-je supprimer/supprimer cette toile après le défilement est terminée? – sunu

+0

merci, mais pas encore de réponse :( – sunu

+0

@sunu Désolé, je ne pouvais pas comprendre ce que vous vouliez dire.Si c'est une nouvelle question, posez une nouvelle question et quelqu'un d'autre peut être en mesure de vous aider :) – alex