语法new fabric.ellipse({ hasborders: boolean }: object)
参数选项（可选）- 此参数是一个对象 为我们的椭圆提供额外的定制。使用此参数，可以更改与 hasborders 为属性的对象相关的颜色、光标、描边宽度和许多其他属性。
选项键hasborders - 此属性接受布尔值当设置为false时，控制边框将不会被渲染。默认值为true。
示例 1椭圆对象控制边框的默认外观
以下示例显示了椭圆形控制边框的默认外观。由于 hasborders 属性的默认值为“true”，因此在选择椭圆对象时渲染边框。
<!doctype html><html> <head> <!-- adding the fabric js library--> <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/510/fabric.min.js"></script> </head> <body> <h2>how to hide the controlling borders of an ellipse using fabricjs?</h2> <p>select the object and you would get to see the controlling borders. this is the default behavior.</p> <canvas id="canvas"></canvas> <script> // initiate a canvas instance var canvas = new fabric.canvas("canvas"); // initiate an ellipse instance var ellipse = new fabric.ellipse({ left: 105, top: 100, fill: "white", rx: 100, ry: 60, stroke: "#c154c1", strokewidth: 5, }); // adding it to the canvas canvas.add(ellipse); canvas.setwidth(document.body.scrollwidth); canvas.setheight(250); </script> </body></html>
示例 2将 hasborders 作为键传递并为其分配“false”值
如果 >hasborders 属性被赋予“false”值，边框将不再被渲染。这意味着当我们选择椭圆对象时，控制边框将被隐藏。
<!doctype html><html> <head> <!-- adding the fabric js library--> <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/510/fabric.min.js"></script> </head> <body> <h2>how to hide the controlling borders of an ellipse using fabricjs?</h2> <p>select the object. now you won't get to see the controlling borders because we have set the <b>hasborders</b> property to false. </p> <canvas id="canvas"></canvas> <script> // initiate a canvas instance var canvas = new fabric.canvas("canvas"); // initiate an ellipse instance var ellipse = new fabric.ellipse({ left: 105, top: 100, fill: "white", rx: 100, ry: 60, stroke: "#c154c1", strokewidth: 5, hasborders: false, }); // adding it to the canvas canvas.add(ellipse); canvas.setwidth(document.body.scrollwidth); canvas.setheight(250); </script> </body></html>
以上就是如何使用 fabricjs 隐藏椭圆的控制边框？的详细内容。