How to solve different FPS in requestAnimationFrame on different browsers? I am making a 3D game using THREE.js that uses requestAnimationFrame and it is fast on Google Chrome 15. However, it is really slow on Firefox 6 and really really slow (slower than Firefox) on IE9. This is really a big problem and I am wondering if there is a
Tag: canvas
Get Line co-ordinates in Javascript
I am drawing lines using Canvas (HTML 5), since lines/shapes are not stored as objects in Canvas, I cannot attach unique events to it (eg onmouseclick) I wish to attach a onmouseover event to a line, is it possible by getting to know if the mouse if over a particular line (using its 2 X and 2 Y co-ordinates) in
Data graphing with html [closed]
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers. We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations. Closed 6 years ago. Improve this question A line chart that updates every couple of seconds and doesn’t
Maximum size of a element
I’m working with a canvas element with a height of 600 to 1000 pixels and a width of several tens or hundreds of thousands of pixels. However, after a certain number of pixels (obviously unknown), the canvas no longer display shapes I draw with JS. Does anyone know if there’s a limit? Tested both in Chrome 12 and Firefox 4.
How do I style HTML5 canvas text to be bold and/or italic?
I’m printing text to a canvas in a pretty straight forward way: But how can I change the text to bold, italic or both? Any suggestions to fix that simple example? Answer From the MDN documentation on CanvasRenderingContext2D.font: The CanvasRenderingContext2D.font property of the Canvas 2D API specifies the current text style to use when drawing text. This string uses the
Extracting single frames from an animated GIF to canvas
I need to load all the frames of an animated GIF to an HTML5 canvas. Please note, I don’t want to “play” the animated (someone asked this before), all I want is to extract all the frames to use them as single images. Answer Sorry, the short answer is that JavaScript has no way of controlling the current frame of
How to scale an imageData in HTML canvas?
I have a canvas in my webpage; I create a new Image data in this canvas then I modify some pixel through myImgData.data[] array. Now I would like to scale this image and make it bigger. I tried by scaling the context but the image remains small. Is it possible to do this? Thanks Answer You could draw the imageData