fabric.js 文本的基本属性以及文字的外描边,控制器去掉上下左右的拉伸点
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
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 编辑过 |
关键字查询
相关文章
正在查询... |