2011-03-21 128 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