Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >FabricJS -在添加项目/组时设置zorder

FabricJS -在添加项目/组时设置zorder
EN

Stack Overflow用户
提问于 2018-12-23 14:29:45
回答 1查看 43关注 0票数 0

我正在尝试向画布添加一组项目,但希望在添加时将该组设置在zorder堆栈的底部。下面是我想要做的代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //Reload the SVG now
    var site_url =  "/components/<?=$designObj->svg_filename?>";
    fabric.loadSVGFromURL(site_url, function(objects, options) {
        let componentObj = fabric.util.groupSVGElements(objects, options);
        componentObj.setControlVisible(false);
        componentObj.sendToBack();   //THIS DOESNT WORK - THROWS TYPE ERROR
        componentObj.selectable = false;
        componentObj.jdeation_comp_id = "base";
        componentObj.jdeation_base_svg = "<?=$designObj->svg_filename?>";
        canvas.add(componentObj).renderAll();
    });

当我调用sendToBack()时,我得到了以下错误:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
TypeError: Cannot read property 'sendToBack' of undefined

我不确定我完全理解这里发生了什么,似乎sendToBack希望类型不是组或其他什么。有没有更好的方法来做这件事?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-12-23 15:45:28

您不能对尚未添加到画布的对象执行.sendToBack()操作。使用canvas.insertAt(componentObj, 0)而不是canvas.add(componentObj)来指定应将对象添加到堆栈底部。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53904417

复制
相关文章
在 WordPress 中如何批量添加、设置和删除一组缓存
我们知道 Memcached 等缓存服务都支持一次请求获取多个数据,这样意味着无须多次连接外部对象缓存服务,可以显著的提升网站的效率。
Denis
2023/04/13
3.3K0
命令行添加用户 设置密码永不过期 添加远程组 添加管理员组
问题:新建用户无法远程登陆桌面,报错 User Profile Serives服务登录失败,无法加载用户配置文件
Windows技术交流
2021/12/30
2.7K0
fabricjs常用方法
官网:http://fabricjs.com/ fabricjs为canvas的一个操作插件,功能较为齐全,下面为常用的知识点 //1: 获得画布上的所有对象: var items = canvas.getObjects(); //2: 设置画布上的某个对象为活动对象。 canvas.setActiveObject(items[i]); //3:获得画布上的活动对象 canvas.getActiveObject() //4:取消画布中的所有对象的选中状态。 canvas.discardActiveOb
星辰_大海
2023/03/16
2K1
fabricjs常用方法
FabricJS gotchas/FabricJS陷阱[通俗易懂]
这个页面包含了第一次接触fabricJS的人打开的最常见问题的列表。这些缺陷的产生,既有解释不清的原因,也有文档不完善的原因。在这里,我们试图解决共同的问题。
全栈程序员站长
2022/11/01
1.3K0
Linux下svn提交时必须添加注释的设置
如何在Linux系统下安装svn, 这里暂不介绍,请看本文下方的相关教程,在svn安装目录下有个hooks文件夹, 修改其中的pre-commit.tmpl文件;
知忆
2021/06/19
2.3K0
Docker 组添加用户,设置允许普通用户操作 docker
4、如果普通用户执行docker命令,如果提示get …… dial unix /var/run/docker.sock权限不够,则修改/var/run/docker.sock权限 使用root用户执行如下命令,即可
前Thoughtworks-杨焱
2021/12/07
4.5K0
动态海报营销FabricJs方案
Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。Fabric.js可以做很多事情,如下:
张炳
2019/10/15
3.5K0
动态海报营销FabricJs方案
多网卡时设置网络优先级以及添加静态路由
在 linux 系统中网络优先级是通过 metric 控制的,值越小,优先级越高,通过route -n 查看路由
Amadeus
2022/10/25
4.2K0
多网卡时设置网络优先级以及添加静态路由
Linux用户和组管理,添加修改用户,添加修改组,加入组,移除组
1.安全介绍3A Authentication: 认证,用户名和对应口令 Authorization: 授权,不同用户权限不同 Accouting/Audition: 审计 2. 所属者和所属组 user: 用户 用户标识: UserID, UID(16bits二进制,0-65535) 管理员: root, UID=0 普通用户: 1-65535(又分系统用户和登陆用户两种) 系统用户: 1-499(centos6), 1-999(centos7)由系统保留,作为管理账号,对守护进程获取资源进行权限分配;
Ryan-Miao
2018/07/09
6.8K0
在sudoers中设置pwfeedback时缓冲区溢出
当用户输入密码时, Sudo的pwfeedback选项可用于提供视觉反馈。每次按键都会打印一个星号。添加此选项是为了响应用户对标准“ 密码;"提示如何禁用按键回显的困惑.虽然在sudo的上游版本中默认情况下未启用pwfeedback,但某些系统(例如Linux Mint和Elementary OS)的确在其默认sudoers文件中启用了它.
洛米唯熊
2020/02/17
1.8K0
Caché 变量大全 $ZORDER 变量
$ZORDER包含当前全局引用之后的下一个全局节点的值(在$QUERY序列中,而不是$ORDER序列中)。如果没有下一个全局节点,访问$ZORDER将导致<unfined>错误,指示$ZORDER成功访问的最后一个全局节点。
用户7741497
2022/06/02
4350
如何设置添加SSH
去(2014)年有开始折腾个人Blog;从使用Jekll到Hexo,平台也从Github一度迁移至国内的Gitcafe(Hexo创建/测试/发布Blog都极为方便,也很易扩展;而Gitcafe在国内访问相对速度快很多)。但由于各种原因Gitcafe很多时候会出些意外,折腾起来有些力不从心了,就还是被迫回归于Github(虽然Gitcafe这个团队很努力地致力于这一块,但…)参考这篇Hexo搭建Github静态博客倒时很容易将托管平台从Gitcafe迁移至Github(事实上只需要在_config.yml更改
晚晴幽草轩轩主
2018/03/27
2.6K0
github设置添加SSH
很多朋友在用github管理项目的时候,都是直接使用https url克隆到本地,当然也有有些人使用 SSH url 克隆到本地。然而,为什么绝大多数人会使用https url克隆呢?
全栈程序员站长
2022/07/07
9940
github设置添加SSH
很多朋友在用github管理项目的时候,都是直接使用https url克隆到本地,当然也有有些人使用 SSH url 克隆到本地。然而,为什么绝大多数人会使用https url克隆呢?
用户1214487
2018/07/31
1.5K0
PyCharm在创建py文件时自动添加默认头部注释
File ----->> Setting ----->> Editor ----->> File and Code Templates ----->> Python Script
马哥Python
2019/06/28
9710
在Docker平台和Moby项目中添加Kubernetes支持
该文介绍了Docker平台正在集成对Kubernetes的支持,以便Docker的客户和开发者可以选择Kubernetes进行容器编排。Docker是一个容器平台,提供了构建、运输和部署应用程序的容器。随着Kubernetes成为容器编排的主要选择,Docker平台正在加入对Kubernetes的支持,包括将Kubernetes作为编排选项,以及将Kubernetes的本地集群集成到Docker平台中。这使Docker的客户和开发者可以使用Kubernetes进行容器编排,实现更强大的部署、扩展和跨平台支持。
QiqiHe
2018/01/02
1.3K0
在Docker平台和Moby项目中添加Kubernetes支持
如何添加ActiveReports 6导出PDF时的安全设置和数字签名
PDF格式已经成为广为应用的电子文档交换格式标准。为了便于用户在组织内和组织之间共享报表数据,ActiveReports 6可以将生成的报表导出为PDF格式。下面的代码是ActiveReports 6导出PDF的简单示例。 Private void btnExport_Click(Object sender, System.EventArgs e) { rptDataDynamics rpt =new rptDataDynamics(); DataDynamics.ActiveReports
葡萄城控件
2018/01/10
8900
购物时添加数量
购物数量添加: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>
Wyc
2018/09/11
3750
购物时添加数量
给UICollectionView设置组背景和组圆角-Swift
最近由于我们的UI设计钟情于圆角搞得我很方,各种圆角渐变,于是就有了下面这篇给UICollectionView的组设置圆角和背景色的一个小封装,拿出来和大家分享一下,里面的具体的一下细节都在代码注释里面,大家留意下代码注释就好。我们理一下大致的一个思路。
Mr.RisingSun
2020/06/19
3.7K2
Blazor项目在VisualStudio调试时配置运行基础目录
最近在使用 Blazor 开发管理后台时遇到了如下的问题,我这里后台整体采用了 AntDesignBlazor 组件库,在上线之后发现ReuseTabs组件在使用过程中,如果默认 / 没有指定为项目的base href,打开标签页后,相互切换会导致url错误。
乌拉栋
2023/03/11
1.6K0
Blazor项目在VisualStudio调试时配置运行基础目录

相似问题

Fabricjs :项目锁定,但组选择可能

12

fabricjs _ in对象在组中排序

134

在没有正确显示fabricjs的情况下单击时在组上添加圆

10

FabricJS:使用ClipPath将手绘添加到对象组

10

matplotlib:设置路径效果的zorder

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文