Question

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

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

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

读取堆栈溢流说边距：0自动解决问题，但不是

.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;
           }

我删除了边距：0自动，因为元素位于绝对位置。如果要使用定位居中元素，请使用以下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 */
           }

这会使元素按照主体居中，否则你可以添加一个位置：相对于元素的父元素。

当我创建Fabric.js画布时，Canvas会丢失样式

1 个答案: