画布失去的风格,当我创建Fabric.js画布对象(Canvas loses style when

2019-10-30 09:00发布

我有过与之前的JavaScript函数定义顶部和左属性的画布对象,但是当我创建的织物Canvas对象

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

我的HTML画布对0机顶盒和左属性。

我曾尝试通过脚本设置创建织物Canvas对象后,顶部和左侧属性,但是当我这样做画布改变位置但面料功能(选择和移动功能)留在画布上之前位于(其中布帆布具有定位它)!

我能做些什么来解决这个矛盾呢? 有没有一种方法,以保持相同的印刷品吗?

Answer 1:

当创建画布Fabric.js它把它包装在DIV并增加了一个第二<canvas> (用于选择在第一画布渲染的对象)。 这是在解释维基页面 Fabric.js的。 如果你要放置你的画布CSS规则应用于它是类“画布容器”的父div元素。



Answer 2:

从我的回答相同的线程

应用

 margin: 0 auto; 

到类=画布容器

画布容器是由织物自动创建。

看到小提琴



Answer 3:

请注意,如果你使用某种CSS预处理器的(对我来说是内部角SCSS样式表) - 针对组件SCSS文件将无法正常工作里面的“画布容器”类。 对我来说,解决方法是一般项目的CSS文件。



文章来源: Canvas loses style when I create Fabric.js canvas object