html5 canvas scroll

Question

i have a requirement that I need to create a canvas and draw inside it programattically and put it inside a marquee, all these through javascript. Is it possible ? a few pointers please

As a follow-up: i wrote the following, it creates the canvas but does not scrolll it, but the hard coded marquee works !

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

It only works if you wrap all that in a blink element.

alex
– alex

2011-03-21 13:48:11 +00:00
Commented Mar 21, 2011 at 13:48 — alex
– alex, Commented Mar 21, 2011 at 13:48

alex · Accepted Answer · 2011-03-21 13:49:54Z

1

It is possible, though probably ugly.

I'll take your question literally...

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

answered Mar 21, 2011 at 13:49

alex

492k205 gold badges890 silver badges992 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sunu Over a year ago

looks fine, thanks, but assuming that my page is loaded, when i do this on a button click, will it appear immidiately in the page, as in vb applications ? secondly, can i delete / remove this canvas after the scroll is over ?

alex Over a year ago

@sunu Sorry, I couldn't understand what you meant. If it is a new question, ask a new question and someone else may be able to assist you :)

Collectives™ on Stack Overflow

html5 canvas scroll

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related