首页 / JAVASCRIPT / javascript – 如何使用fabric.js移动元素时将图像保留在画布的背面？

javascript – 如何使用fabric.js移动元素时将图像保留在画布的背面？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用fabric.js移动元素时将图像保留在画布的背面？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含637字，纯文字阅读大概需要1分钟。

内容图文

我有一个大图像最初加载到我的画布,然后我希望能够在它上面绘制矩形.当我拖动图像时,我仍然希望矩形出现在图像上,而不是将它们推到后面.

这是一个插件;

http://plnkr.co/edit/iJV0bZrlCG4CJXlhDw8w?p=preview

如果可能的话,我希望能够确保无论如何,图像总是在后面？我环顾四周,无法找到解决方案.它变得越来越令人沮丧！

最初我认为它会像这样简单;

canvas.on('object:moving', function(e) {

  var obj = e.target;
  console.log(obj.id)
  if (obj.id === 'img') {
    canvas.sendToBack(obj)
  } else {
    canvas.bringToFront(obj)
  }


});

希望有人可以帮忙！

解决方法:

只需传入preserveObjectStacking选项,选中时就不会跳到前面.

window.canvas = new fabric.Canvas(‘c’,{preserveObjectStacking：true});

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用fabric.js移动元素时将图像保留在画布的背面？全部内容，希望文章能够帮你解决javascript – 如何使用fabric.js移动元素时将图像保留在画布的背面？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/749810.html

来源：【匿名】