LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

fabric.js 文本的基本属性以及文字的外描边,控制器去掉上下左右的拉伸点

admin
2023年5月23日 15:23 本文热度 741

关于Text、IText、Textbox的一些基本属性:

1.  width: 文字的宽度

2.  height: 文字的高度

3.  top: 文字的顶边距离

4.  left: 文字的左边距离

5.  fill: 文字填充颜色,也可以填充图片,使用pattern(可以去看文档,看不懂私聊我)

6.  fontFamily: 字体

7.  fontSize: 字体大小

8.  scaleX: X缩放比例,默认为1

9.  scaleY: Y缩放比例,默认为1

10.paintFirst: 先绘制描边还是填充,默认fill,先绘制填充添加的描边是内描边,修改stroke,将变成外描边

11.strokeWidth:  边框宽度

12.stroke: 边框颜色

13.textAlign: 对齐方式

14.textBackgroundColor:'',文字背景颜色

15.lineHeight: 行高

16.overline: 上划线

17.underline:下划线

18.padding: 内边距

19.fontStyle: 样式,值有:"normal", "italic" or "oblique",默认normal;

20.fontWeight: 文字粗细,

21.path: 文字整体的走向(新增的,我写文档的时候处于测试阶段);比如实现文字的环绕

22.angle: 旋转

23.shadow: 文字的阴影,值是new fabric.Shadow()

24.//已上是最近项目所用到的,还在研究文本的多重描边,更多内容下次更新


正常使用的暂时不做说明类似于:text,IText,rect..等等官网或者其他百度有很多,在这里讲一下一些属性以及方法:

1.  canvas.selections=false //设置全部元素不可选择

2.  selectable:false, //禁止选中当前元素

3.  hasBorders: false, //不显示选中时的边

4.  hasControls:false, //不显示控制的那9个按钮


元素选中后有的需求不能横向或者纵向拉伸,就想使用顶点的按钮进行等比的缩放,这时候就需要把上下左右的四个点去掉,以下是方法:

1.  //选中框有9个点那么对应的就有9个值他们分别是:

2.  //ml:,mb:,mr:,mt:,mtr:旋转,tl:左上角,bl:左下角,tr:右上角,br:右下角

3.  //第一个参数就是值,第二个参数就是状态,false是隐藏,true显示,默认true   

4.  //例如

5.  var text = new fabric.IText('hello world', {

6.      left: canvas.width / 2,

7.      top: canvas.height / 2,

8.      fontSize: 40,

9.      fontWeight: 'bold'

10.});

11.canvas.add(text).setActiveObject(text);

12.

13.text['setControlVisible']('ml',false)

14.text['setControlVisible']('mb',false)

15.text['setControlVisible']('mr',false)

16.text['setControlVisible']('mt',false)

还有其他功能,以后补充。

该文章在 2023/5/23 15:23:47 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved