当我创建 Fabric.js 画布对象时,画布失去样式

2024-03-10

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

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

我的 HTML Canvas 将顶部和左侧属性设置为 0。

我尝试通过脚本创建 Fabric Canvas 对象后设置顶部和左侧属性,但是当我这样做时,画布会更改位置,但 Fabric 功能(选择和移动功能)仍保留在画布先前所在的位置(其中 Fabric Canvas 具有定位它)!

我可以做什么来解决这个冲突?有没有办法保持画布相等?


当您使用 Fabric.js 创建画布时,它会将其包装在 div 中并添加第二个画布<canvas>(用于选择第一个画布中渲染的对象)。这在维基页面 https://github.com/kangax/fabric.js/wiki/How-fabric-canvas-layering-worksFabric.js 的。如果您想定位画布,请将 CSS 规则应用于属于“canvas-container”类的父 div 元素。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

当我创建 Fabric.js 画布对象时,画布失去样式 的相关文章