Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers. This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers. Closed 8 … Read more
Without any extension library, is it possible to have multiple layers in the same canvas element? So if I do a clearRect on the top layer, it will not erase the bottom one? Thanks. 7 Answers 7
I have 2 canvases, one uses HTML attributes width and height to size it, the other uses CSS: <canvas id=”compteur1″ width=”300″ height=”300″ onmousedown=”compteurClick(this.id);”></canvas> <canvas id=”compteur2″ style=”width: 300px; height: 300px;” onmousedown=”compteurClick(this.id);”></canvas> Compteur1 displays like it should, but not compteur2. The content is drawn using JavaScript on a 300×300 canvas. Why is there a display difference? 9 … Read more
The HTML5 Canvas has no method for explicitly setting a single pixel. It might be possible to set a pixel using a very short line, but then antialising and line caps might interfere. Another way might be to create a small ImageData object and using: context.putImageData(data, x, y) to put it in place. Can anyone … Read more
Using the HTML5 <canvas> element, I would like to load an image file (PNG, JPEG, etc.), draw it to the canvas completely transparently, and then fade it in. I have figured out how to load the image and draw it to the canvas, but I don’t know how to change its opacity. Here’s the code … Read more
Is it possible to fix the width and height of an HTML5 canvas element? The usual way is the following : <canvas id=”canvas” width=”300″ height=”300″></canvas> 3 Answers 3
I want to have a web page which has one centered word. I want this word to be drawn with an animation, such that the page “writes” the word out the same way that we would, i.e. it starts at one point and draws lines and curves over time such that the end result is … Read more
This question already has answers here: Real mouse position in canvas (5 answers) Closed 10 months ago. What’s the simplest way to add a click event handler to a canvas element that will return the x and y coordinates of the click (relative to the canvas element)? No legacy browser compatibility required, Safari, Opera and … Read more
I’m trying to create a thumbnail image on the client side using javascript and a canvas element, but when I shrink the image down, it looks terrible. It looks as if it was downsized in photoshop with the resampling set to ‘Nearest Neighbor’ instead of Bicubic. I know its possible to get this to look … Read more
Is it possible to capture or print what’s displayed in an html canvas as an image or pdf? I’d like to generate an image via canvas, and be able to generate a png from that image. 15 s 15 Original answer was specific to a similar question. This has been revised: var canvas = document.getElementById(“mycanvas”); … Read more
