
在本教程中,我们将学习如何使用 FabricJS 设置 Line 控制角的大小。对象的控制角允许我们缩放、拉伸或更改其位置。我们可以通过多种方式自定义控制角,例如为其添加特定颜色、更改其大小等。我们可以使用 cornerSize 属性来更改大小。 p>
语法
new fabric.Line( points: Array, { cornerSize: Number }: Object) 参数
points - 此参数接受一个点数组,该数组确定 (x1 , y1) 和 (x2, y2) 值,分别是线的起点和终点的 x 轴坐标和 y 轴坐标。
options(可选)- 此参数是一个对象,它为我们的对象提供额外的自定义。使用此参数,可以更改与 cornerSize 属性相关的对象的原点、描边宽度和许多其他属性。
cornerSize - 此属性接受一个数字,允许我们操纵选定对象的控制角的大小。它的默认值为 13。
Options Keys
控制角的默认大小
示例
让我们看一个描述主动选择线对象时控制角的默认大小。
后台主要功能如下:1) 系统管理:管理员管理,网站配置,上传文件管理,QQ-MSN 在线客服设置。2) 企业信息:后台自由添加修改企业的各类信息及介绍。3) 产品管理:产品类别新增修改管理,产品添加修改以及产品的审核。4) 调查管理:发布修改新调查。5) 会员管理:查看修改删除会员资料,及锁定解锁功能。可在线给会员发信!6) 新闻管理:能分大类和小类新闻,不再受新闻栏目的限制。7) 留言管理:管理
Default size of the controlling corners
You can select the line object to see the default size of controlling corners
将 cornerSize 作为具有自定义值的键传递
示例
在此示例中,我们将 cornerSize 属性作为键传递,值为 17。我们可以看到,当线对象被选择。
Passing cornerSize as key with a custom value
You can select the line object to see the size of controlling corners









