文章/答案/技术大牛

发布

社区首页 >问答首页 >FabricJS -在添加项目/组时设置zorder

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

Stack Overflow用户

提问于 2018-12-23 14:29:45

回答 1查看 43关注 0票数 0

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

    //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()时，我得到了以下错误：

TypeError: Cannot read property 'sendToBack' of undefined

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

fabricjs

回答 1

Stack Overflow用户

回答已采纳

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

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

票数 1

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

原文链接：

https://stackoverflow.com/questions/53904417

复制

在链接前面自动添加favicon 图标（jquery）

jquery wordpress api html

相信你在一些网站上看过类似的东东，就是在一个可点击外链左侧，会有一个目标链接网站的favicon 图标。这一个小小的设置可能对提升用户体验有不少帮助，一些WordPress 站点也利用这个来做“友情链接”页面。下面介绍一下实现的方法，只要是jquery 的运用+一个获取网站favicon 图标的接口（api）。演示首先还是给个demo 先：传送门教程先献上代码： html： <a href=http://Devework.com>Devework</a> <a href=http://www.

Jeff

2018/01/19

1.3K0

jQuery实现用户输入自动完成功能

jquery auto ui 插件用户体验

利用jQuery UI中Auto-complete插件实现输入自动完成功能，大家在使用诸如淘宝、京东等电商平台搜索商品时，往往只要输入商品的一些特殊字符，就可以显示出和该字符相近的列表菜单，用户使用鼠标或者键盘方向键就可以快速选择，实现了很好的用户体验。

Sindsun

2019/12/10

1.6K0

金山轻维表项目进展自动通知

腾讯轻联

项目经理作为项目全局把控者，经常要和时间“赛跑”。需要实时了解到目前进展如何，跟进人是那些？哪些事项还未完成？项目整体会不会逾期？

阿那个沫

2023/03/03

1.4K0

jquery-easyui icon图标集合

jquery easyui icon

所有的图标在 jquery-easyui-1.2.6/themes/icons 目录下： jquery-easyui-1.2.6/themes/icon.css .icon-blank{ background:url('icons/blank.gif') no-repeat; } .icon-add{ background:url('icons/edit_add.png') no-repeat; } .icon-edit{ background:url('icons/pencil.png') no-repe

黄啊码

2020/05/29

1.4K0

jQuery 自动补全

jquery

$(function() { // 自动补全 var maxcount = 0;// 表示他最大的值 var thisCount =0;// 初始化他框的位置 $("body").prepend(""); $("#sele").keyup(function(even) { var v = even.which; if (v == 38 || v == 40 || v == 13)// 当点击上下键或者确定键时阻止他传送数据 { return; } var txt =

用户7999227

2021/09/19

1.8K0

Easyui 修改|新增jquery-easyui icon图标

jquery php javascript css

打开jquery-easyui-1.5.3\themes\icon.css文件，文件头部添加目标图标样式，例子：

授客

2019/09/10

2K0

在 jQuery Mobile 中使用 UI 组件

jquery 网站

jQuery Mobile JavaScript 库是一种强大的方式，允许用户通过 Web 浏览器直接连接到触摸友好的应用程序，从而让移动和平板设备可以访问移动应用程序。

用户7293182

2020/07/20

8.1K0

jquery定时执行函数_jquery自动提交

https java 网络安全

全栈程序员站长

2022/10/01

2.3K0

根据表格特定列的内容来追加图标原

编程算法

(adsbygoogle = window.adsbygoogle || []).push({});

tianyawhl

2019/04/04

1.4K0

怎样能自动按列01 列02 最大为列99，来设置列标题？

python 编程算法

前几天在Python最强王者交流群有个粉丝咨询了这个问题：获取到数据表的列数比较简单，一般不超过99列，怎样能自动按列01 列02 最大为列99，来设置列标题？一劳永逸，以后这类场景都这样套用。

前端皮皮

2022/12/19

1.1K0

jQuery 表格自动增加

jquery 表格

<!DOCTYPE html> <html dir="ltr" lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width" /> <title>jQuery 表格自动增加</title> <meta name="keywords" content="jQuery, 表格, table, 自动增加" /> <meta name="description" cont

用户7657330

2020/08/14

1.5K0

链表项目实战

c++数据结构

链表的基本知识点和基本操作相信各位小伙伴已经能闭上眼睛可以敲出来而且不需要调试一次过，这次呢我们来讲一个案例：学生管理系统，这是我大一C语言课程设计做的，采用单链表，很简单，就是帮大家理一下思路。

石璞东

2020/04/21

6050

svgtofont.js 自动生成图标字体和彩色图标文件

其他

一般情况我通过 iconfont 或者 icomoon 来实现图标管理生成字体，导入到项目中使用。

小弟调调

2018/09/20

5.8K0

jQuery实现点击图标div循环放大缩小功能

jquery html http

很基础的一个功能，点击左下角的图标按钮，地图的整个div会变大，变大预览之后，再次点击图标按钮，地图的整个div会变小，恢复原样，两个图标在地图界面的放大和缩小时间不断的切换图标状态（箭头向里面，或者箭头向外面）

王小婷

2018/09/26

3.8K0

jquery typehead 自动补全插件

html

用户5760343

2019/10/14

9950

使用jQuery自动缩图片 - [jQuery]

jquery 容器

具体思路: 通过具体容器取得容器内所有图片循环检查所有图片长宽对超过的图重新定高度. 直接写成一个扩展好了,以后可以直接用. jquery.fn.ImageAutoSize = function(width,height) { $("img",this).each(function() { var image = $(this); if(image.width()>width) { image.width(wi

菩提树下的杨过

2018/01/23

3.9K0

Jquery DataTable 的学习之隐藏和显示列（三）

表格

在大数据量的前提下，会出现列很多的情况，浏览器会呈现出滚动条，但是用户需要看到的并不一定是所有的信息，那么就需要对表格的数据进行筛选，在前面的文章中介绍到了搜索和排序，这都是对数据的筛选功能，但是列数过多会导致用户查看数据非常麻烦。如果可以将不想看到的列隐藏掉就可以了，下面来看一下代码。

OECOM

2020/07/01

3K0

自动完成PDF转Word

devops

现在WPS和百度网盘都提供了PDF转Word的功能，但是需要充值会员。网上也有其他网站可以把PDF转成Word的，可是有一定限制。还有一些开源软件，效果就达不到要求了。经过了一番调查，发现真正完成PDF转Word的是一个来自Soliddocuments公司的程序，在smallpdf、adobe acrobat dc等网站上都有提到。

airxiechao

2022/04/25

3.9K0

JavaEE 使用 JQuery 完成 ajax & json 数据的传输

云数据库 SQL Server ajax servlet java json

JSONobj 需要的同学，需要 mysql 驱动的，我已经上传至 Github，里面也整理了一些我学习会常用到的 jar包 Jar 包下载链接

Gorit

2021/12/08

1.6K0

【案例】jQuery+CSS3列表布局切换特效

jquery css

jQuery+CSS3列表布局切换特效是一款基于jQuery和CSS3模块网格和列表响应式布局切换代码。同学们还想了解哪些网页知识就在后台留言给我吧！

用户1730674

2020/03/26

2.1K0

相似问题

backpack laravel crud自定义列

在Laravel Backpack中公开用于CRUD操作的API端点

112

Laravel Backpack Crud搜索加密数据字段

120

编辑行时出现错误404 - Backpack crud- Laravel

将参数传递给crud控制器Backpack laravel

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

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