当我创建 Fabric.js 画布时，画布失去了风格

Question

我有一个 Canvas 对象，其顶部和左侧属性是通过 JavaScript 函数定义的，但是当我创建一个织物 Canvas 对象时

var fabricCanvas= new fabric.Canvas('mycanvas');

我的画布没有出现，因为我应该尝试这样做

reading stack over flow say margin : 0 auto 解决了问题，但它没有

.canvas-container {
     margin:0 auto ;
    position:absolute; 
           top: 110;
           left: 310;        

                  }

http://postimg.org/image/htvvfr5ct/

它只是停留在底部而不是中间位置

Answer 1

默认情况下，相对定位样式被应用到类 canvas-container 尝试添加重要，请参阅下面的 CSS 代码：

.canvas-container {
    position:absolute !important; 
           top: 110;
           left: 310;
           }

我已经删除了 margin:0 auto 因为元素是绝对定位的。如果要使用定位使元素居中，请使用以下 css：

.canvas-container {
width:800px; /*assuming a width of 800px*/
height:600px; /* assuming a height of 600px */
position:absolute !important; 
top: 50%;
left:50%;
margin-left:-400px; /* width/2 */
margin-top:-300px; /* height/2 */
           }

这将使元素根据主体居中，否则您可以添加一个位置：相对于元素的父级。