javascript - 创建 Fabric.js Canvas 对象时 Canvas 失去样式

标签 javascript html canvas fabricjs

我有一个 Canvas 对象,它的 top 和 left 属性是通过以前的 JavaScript 函数定义的,但是当我创建一个 fabric Canvas 对象时

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

我的 HTML Canvas 的 top 和 left 属性设置为 0。

在通过脚本创建 fabric Canvas 对象后,我尝试设置 top 和 left 属性,但是当我这样做时,canvas 改变了位置,但 fabric 功能(选择和移动功能)仍然保留在 Canvas 之前所在的位置(在哪里fabric Canvas 已经定位了它)!

我该怎么做才能解决这个冲突?有没有办法让 Canvas 保持相等?

最佳答案

当您使用 Fabric.js 创建 Canvas 时,它会将其包装在一个 div 中并添加第二个 <canvas> (用于选择第一个 Canvas 中呈现的对象)。这在 wiki page 中有解释。 Fabric.js 的。如果您想定位 Canvas ,请将 CSS 规则应用于属于“canvas-container”类的父 div 元素。

关于javascript - 创建 Fabric.js Canvas 对象时 Canvas 失去样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9261918/

相关文章:

javascript - Angular 5 - 如何使用不区分大小写的代码?

javascript - jQuery:绑定(bind)2个事件并只执行一个

javascript - 将文本和表单放置在彼此平行的位置(并排)- HTML

jquery - 更改 SELECT 框中的文本颜色

silverlight - 如何在 WP7 中的 Canvas 之外隐藏控件?

Javascript 在循环中第二次执行函数时抛出未定义的错误

javascript - Flexslider 主图像在 fancybox 中打开

javascript - 提高灯塔性能得分

javascript - Javascript 可以访问 Ajax 文本/html 响应的 DOM 吗?

javascript - 重新附加的 Canvas 元素保留内容