canvas画布的居中对齐方式

1. 将canvas的css设置为

    canvas{
               width: 800px;
               margin:0 auto;
               display: block;
           }

   但是当canvas本身或者父级元素设置了绝对定位时不可用

2. 将canvas的父级元素css设置为

    .a{
               margin:0 auto;
               width: 800px;
           } 

   此时canvas的css为

    canvas{
               width: 800px;
               position: absolute;
               
               border: 1px solid black;
           }

   注意：父级元素与canvas的宽度应该一致

   这样canvas便可以设置绝对定位，但当父级元素也需要设置绝对定位时又不可用

3. canvas父级元素css为

    .a{
               width:1590px; 
               overflow: auto;
               position:absolute;
               top:60px; 
               bottom:30px;
               
           }

   注意：top和bottom必须设置，但可以设置为0

   canvas的css则是

    canvas{
               margin:0 auto;
               position: absolute;
               left: 0; 
               right: 0; 
               
               border: 1px solid black;
           }

   这样即使canvas元素及其父元素都需要设置绝对定位，就可以进行对齐

   注意：此种对齐是canvas针对父元素进行居中对齐