fabric.js⽂本的基本属性以及⽂字的外描边，控制器去掉上下
左右的拉伸点
关于Text,IText,Textbox的⼀些基本属性
width: ⽂字的宽度
height: ⽂字的⾼度
top: ⽂字的顶边距离
left: ⽂字的左边距离
fill: ⽂字填充颜⾊，也可以填充图⽚，使⽤pattern(可以去看⽂档，看不懂私聊我)
fontFamily: 字体
fontSize: 字体⼤⼩
scaleX: X缩放⽐例，默认为1
scaleY: Y缩放⽐例，默认为1
paintFirst: 先绘制描边还是填充，默认fill，先绘制填充添加的描边是内描边，修改stroke，将变成外描边
strokeWidth:  边框宽度
stroke: 边框颜⾊
textAlign: 对齐⽅式
textBackgroundColor:'',⽂字背景颜⾊
lineHeight: ⾏⾼
overline: 上划线
underline：下划线
padding: 内边距
fontStyle: 样式，值有:"normal", "italic" or "oblique"，默认normal;
fontWeight: ⽂字粗细,
path: ⽂字整体的⾛向(新增的，我写⽂档的时候处于测试阶段);⽐如实现⽂字的环绕
angle: 旋转
shadow: ⽂字的阴影，值是new fabric.Shadow()
//已上是最近项⽬所⽤到的，还在研究⽂本的多重描边，更多内容下次更新
正常使⽤的暂时不做说明类似于：text，IText，rect..等等官⽹或者其他百度有很多，在这⾥讲⼀下⼀些属性以及⽅法
canvas.selections=false //设置全部元素不可选择
selectable:false, //禁⽌选中当前元素
hasBorders: false, //不显⽰选中时的边
hasControls:false, //不显⽰控制的那9个按钮
元素选中后有的需求不能横向或者纵向拉伸，就想使⽤顶点的按钮进⾏等⽐的缩放，这时候就需要把上下左右的四个点去掉，以下是⽅法
//选中框有9个点那么对应的就有9个值他们分别是：
//ml：左,mb：下,mr：右,mt：上,mtr：旋转,tl：左上⾓,bl：左下⾓,tr：右上⾓,br：右下⾓
//第⼀个参数就是值，第⼆个参数就是状态，false是隐藏，true显⽰，默认true
//例如
var text = new fabric.IText('hello world', {
left: canvas.width / 2,
top: canvas.height / 2,
fontSize: 40,
fontWeight: 'bold'
});
canvas.add(text).setActiveObject(text);
text['setControlVisible']('ml',false)
text['setControlVisible']('mb',false)
text['setControlVisible']('mr',false)
text['setControlVisible']('mt',false)
还有其他功能，等着下次补充fontweight属性bold

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。