在本教程中，我们将学习如何使用 FabricJS 使 Ellipse 的控制角透明。椭圆形是 FabricJS 提供的各种形状之一。为了创建一个椭圆，我们将创建一个 Fabric.Ellipse 类的实例并将其添加到画布中。 transparentCorners 属性允许我们使椭圆的控制角透明。
语法
new fabric.Ellipse( { transparentCorners: Boolean }: Object)
参数
选项（可选）- 此参数是一个对象 为我们的椭圆提供额外的定制。使用此参数，可以更改与 transparentCorners 为属性的对象相关的颜色、光标、描边宽度和许多其他属性。
Options Keys
transparentCorners – 此属性接受布尔值这允许我们将对象的控制角渲染为透明。其默认值为 True。
示例 1
传递 transparentCorners 属性作为具有“false”值的键
Android的Tasker如何使用 中文WORD版 2MB
本文档主要讲述的是Android的Tasker如何使用；Android 上的Tasker绝对称得上是Android系统的神器之一，与Auto Memory Manager不同，Tasker不是加速型的软件，而是系统增强型的软件，由于有众多系统状态可控制，故使得Tasker一跃成为Android系统中 最闪亮的明星。但Tasker也无疑是最难使用的软件，由于可以控制的地方太多，反而让人觉得有些无所适从，不知道要从哪开始下手，使得Tasker的普 及很成问题。这篇文章就是从Tasker的功能谈起，结合设置实例
0 查看详情
让我们看一下创建椭圆对象的代码，该椭圆对象具有不透明的控制角。为了实现这一点，我们需要向 transparentCorners 属性传递一个“false”值。
How to make controlling corners of Ellipse transparent using FabricJS?
Select the object and you will notice that the controlling corners are not transparent. Here we have set the transparentCorners property to False.
// Initiate a canvas instance var canvas = new fabric.Canvas("canvas"); // Initiate an ellipse instance var ellipse = new fabric.Ellipse({ left: 115, top: 50, rx: 100, ry: 70, fill: "red", transparentCorners: false, }); // Adding it to the canvas canvas.add(ellipse); canvas.setWidth(document.body.scrollWidth); canvas.setHeight(250);
示例 2
将 transparentCorners 作为具有“true”值的键传递
在此示例中，我们将传递transparentCorners 属性为“true”值。这将确保控制角呈现为透明。请注意，这也是默认行为。
Making the controlling corners of an Ellipse transparent using FabricJS
Select the object and you will notice that its controlling coners are now transparent as we have applied the transparentCorners property.
// Initiate a canvas instance var canvas = new fabric.Canvas("canvas"); // Initiate an ellipse instance var ellipse = new fabric.Ellipse({ left: 115, top: 50, rx: 100, ry: 70, fill: "red", transparentCorners: true, }); // Adding it to the canvas canvas.add(ellipse); canvas.setWidth(document.body.scrollWidth); canvas.setHeight(250);
以上就是如何使用 FabricJS 使椭圆的控制角透明？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/832760.html
微信扫一扫 
支付宝扫一扫 
