2011-03-21 242 views
0

我有一個要求,我需要創建一個畫布,並在其內部繪製程序並將其放入一個選取框內,所有這些都通過javascript。可能嗎 ?請多指點html5畫布滾動

作爲後續:我寫了以下內容,它創建畫布,但不滾動它,但硬編碼字幕的作品!

<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

它只有當你換了所有在'blink'元素的作用。 – alex 2011-03-21 13:48:11

回答

1

雖然可能很醜,但它是可能的。

我會採取從字面上你的問題......

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

看起來不錯,謝謝,但假設我的網頁已加載,當我按下按鈕時點擊它,會不會出現在頁面中,就像在vb應用程序中一樣?其次,可以在滾動結束後刪除/刪除此畫布嗎? – sunu 2011-03-21 13:54:20

+0

謝謝,但還沒有答案:( – sunu 2011-03-22 12:59:37

+0

@sunu對不起,我無法理解你的意思。如果這是一個新問題,問一個新問題,其他人可能會幫助你:) – alex 2011-03-22 13:05:07