Menu
I thought for a bit of fun I would have a look at the canvas. It seemed fairly easy to draw a box so I pretty much copied an example from the mozilla developer site. You can see it here: http://jsfiddle.net/Wolfy87/DZBwp/
As you can see it has distorted. Does anyone have any ideas? I am setting the same x/y and the same width/height. It should be a box, right?
675
However, the Canvas still looks pixelated. This is because the Canvas is rendering to a bitmap of one size then scaling the bitmap to fit the CSS dimensions. To fix this, we modify the Canvas's bitmap dimensions to match the CSS dimensions using JavaScript.
Fixed it myself, I had to set the width and height via the tag, not CSS. Lucky guess.
<canvas width='400' height='300'></canvas> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With