
在本教程中,我们将学习如何使用 FabricJS 设置圆的填充。圆形是 FabricJS 提供的各种形状之一。为了创建一个圆圈,我们必须创建一个 Fabric.Circle 类的实例并将其添加到画布中。正如我们可以指定圆形对象在画布中的位置、颜色、不透明度和尺寸一样,我们也可以设置圆形对象的填充。这可以通过使用 padding 属性来完成。
语法
new fabric.Circle({ padding : Number }: Object)参数
选项(可选) - 此参数是一个对象 为我们的圈子提供额外的定制。使用此参数,可以更改与 padding 为属性的对象相关的属性,例如颜色、光标、描边宽度和许多其他属性。
ul>填充 - 此属性接受数字值。分配的值决定圆形对象与其控制边框之间的距离。
选项键
示例 1
内边距为时的默认外观未使用
让我们看一下在未使用 padding 属性时显示圆形对象外观的代码。正如我们所看到的,对象与其周围的控制边界之间没有空间。这意味着圆与其控制边框之间的填充为零。
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目,如果修改栏目,需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML,安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据,安装时可选择演示安装或全新安装。如果全新安装,后台内容充实后,首页才能完全显示出来。(全新安装后可以删除演示数据用到的图片,目录在https://
Setting the padding of circle using FabricJS
Select the object and observe that there is no space between the object and its surrounding controlling borders. This is the default behavior. We haven't used any padding here.
示例 2
将 padding 属性作为键传递
在此示例中,我们将 padding 属性作为键传递值为 7。这表示圆形对象与其所有控制边框之间的距离为 7px。
Setting the padding of circle using FabricJS
Select the object and notice the padding between the object and its controlling border. Here we have set the padding at 10px.









