javascript - 在 Fabric.js 中将文本锁定到前面(不是每次都放在前面)

标签 javascript html canvas fabricjs

有没有一种不使用的方法:

canvas.sendBackwards(myObject)
canvas.sendToBack(myObject)

基本上我希望能够上传多个图像,同时让它们能够在每个图像之间前进和后退,但永远不会到达最高层(应该始终是文本,即使有超过 2 个文本层)

我是否最好将所有文本图层分组,并在上传图像/项目向前/向后移动时运行bringToFront?或者有更好的方法来锁定他们的 z-index 位置吗?

最佳答案

Fabric.JS 并不真正具有真正的 z-index 功能,正如您在 css 中看到的那样。相反, Canvas 上的对象像数组一样工作,其中每个对象的索引决定它在堆叠顺序中的位置。使用“canvas.insertAt()”添加对象将允许您指定特定索引来将对象插入到数组中,并且数组的长度始终由 Canvas 中的对象数量决定。

因此,在索引 0 处插入对象将移动数组中的其他对象,以便新对象呈现在堆叠顺序的底部。

关于javascript - 在 Fabric.js 中将文本锁定到前面(不是每次都放在前面),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53569013/

相关文章:

JavaScript - 将空格分隔的数字字符串转换为实际数字

javascript - jQuery - 遍历样式

android - 如何从 AChartEngine GraphicalView 绘制位图

javascript - 将链接添加到粒子js中的点

javascript - 页面重新加载后重新填充 jQuery 文件上传文件列表

javascript - 在 Electron (原子壳层)中使用 'before-quit' 事件

java - Servlet 加载图片/jpg 不起作用

javascript - 将图像从 localStorage 加载到 Canvas 只能每秒刷新一次吗?

javascript - 我的 HTML 按钮将我重定向到这个奇怪的 "Index of C:\"内容。我如何解决它?

html - 如何使大于容器的文本居中?