在本教程中，我们将学习如何使用 FabricJS 使三角形的控制角透明。三角形是 FabricJS 提供的各种形状之一。为了创建一个三角形，我们必须创建一个 Fabric.Triangle 类的实例并将其添加到画布中。 transparentCorners 属性允许我们使三角形的控制角透明。
语法
new Fabric.Triangle( {透明Corners: Boolean }: Object)
参数
选项（可选） – 此参数是一个对象，它为我们的三角形提供额外的自定义。使用此参数，可以更改与 transparentCorners 为属性的对象相关的属性，例如颜色、光标、描边宽度和许多其他属性。
选项键
transparentCorners – 该属性接受一个布尔值，允许我们将对象的控制角渲染为透明或不透明。其默认值为 true。
示例 1
将 transparentCorners 属性作为带有“false”的键传递value
AI角色脑洞生成器
一键打造完整角色设定，轻松创造专属小说漫画游戏角色背景故事
176 查看详情
让我们看一个代码示例，用于创建一个具有不透明控制角的三角形对象。为此，我们需要向 transparentCorners 属性传递一个 false 值。
将透明角属性作为具有“false”值的键传递您可以选择三角形以查看控制角是否不透明。// 启动画布实例var canvas = new Fabric.Canvas("canvas");canvas.setWidth(document.body.scrollWidth);画布.setHeight(250);// 初始化一个三角形对象var triangle = new Fabric.Triangle({左：180，顶部：80，宽度：90，身高：80，填写：“#b0e0e6”，笔画：“#5f9ea0”，笔画宽度：7，透明角：假，});// 将其添加到画布中canvas.add(三角形);
示例 2
将 transparentCorners 作为具有“true”值的键传递
在此示例中，我们向 transparentCorners 属性传递一个真值。这将确保控制角呈现为透明。请注意，这也是默认行为。
将透明角作为具有“true”值的键传递您可以选择三角形以查看控制角是否透明。// 启动画布实例var canvas = new Fabric.Canvas("canvas");canvas.setWidth(document.body.scrollWidth);画布.setHeight(250);// 初始化一个三角形对象var triangle = new Fabric.Triangle({左：180，顶部：80，宽度：90，身高：80，填写：“#b0e0e6”，笔画：“#5f9ea0”，笔画宽度：7，透明角：真实，});// 将其添加到画布中canvas.add(三角形);
以上就是如何使用 FabricJS 使三角形的控制角透明？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/527986.html
微信扫一扫 
支付宝扫一扫 
