html5画布滚动

时间:2011-03-21 13:44:07

标签: html5 canvas

我要求我需要创建一个画布并以编码方式在其中绘制并将其放入选框,所有这些都通过javascript。可能吗 ?请指点几点

作为一个后续:我写了以下内容,它创建了画布,但不会滚动它,但硬编码的选框有效!

<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>

1 个答案:

答案 0 :(得分: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);