Centering Canvas

[writer1]

Hi,

 

I am a beginner so not sure if this should be placed here or in CSS?

 

Based on this example: http://jsfiddle.net/pmw57/as4UR/ ,have a canvas element, 640X640. How do you center this canvas so it appears in the middle of the screen? Currently it is displaying 0,0.

 

Thank you for your help.

 

writer1

Edited July 18, 2013 by writer1

[justsomeguy]

Give it the CSS properties display:block and margin: 0 auto;

[writer1]

Hi,

 

Thank you for your reply and helpful suggestions. I have done some more online searching and came up with the following which works:

 

canvas{ border:1px solid black; position: absolute; top: 50%; left: 50%; ; margin-top: -320px;}

Seems to work OK.

Edited July 18, 2013 by writer1