Fabric.js Polyline strokeWidth Property Last Updated : 24 Jan, 2021 Comments Improve Suggest changes Like Article Like Report In this article, we are going to see how to set the stroke width of a canvas Polyline using FabricJS. The canvas Polyline means Polyline is movable and can be stretched according to requirement. Further, the Polyline can be customized when it comes to initial stroke color, height, width, fill color, or stroke width. To make it possible, we are going to use a JavaScript library called FabricJS. After importing the library, we will create a canvas block in the body tag which will contain the Polyline. After this, we will initialize instances of Canvas and Polyline provided by FabricJS and set the stroke color and stroke width of the Polyline using stroke and strokeWidth property respectively, and render the Polyline on the Canvas as given in the example below. Syntax: var polyline = new fabric.Polyline(Points, { strokeWidth: number }); Parameters: This property accepts a single parameter as mentioned above and described below: strokeWidth: It specifies the stroke width. The below example illustrates the strokeWidth property in Fabric.js: Example: HTML <!DOCTYPE html> <html> <head> <!-- Loading the FabricJS library --> <script src= "https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js"> </script> </head> <body> <div style="text-align: center;width: 600px;"> <h1 style="color: green;"> GeeksforGeeks </h1> <b> Fabric.js | Polyline strokeWidth Property </b> </div> <canvas id="canvas" width="600" height="200" style="border:1px solid #000000;"> </canvas> <script> // Initiate a Canvas instance var canvas = new fabric.Canvas("canvas"); // Initiate a polyline instance var polyline = new fabric.Polyline([ { x: 200, y: 10 }, {x: 250, y: 50 }, { x: 250, y: 180 }, { x: 150, y: 180 }, { x: 150, y: 50 }, { x: 200, y: 10 }], { stroke: 'green', strokeWidth: 3, fill: 'yellow', strokeWidth: 3 }); // Render the polyline in canvas canvas.add(polyline); </script> </body> </html> Output: Comment More infoAdvertise with us Next Article Fabric.js line strokeWidth Property S skyridetim Follow Improve Article Tags : JavaScript Web Technologies Fabric.js Similar Reads Fabric.js line strokeWidth Property In this article, we are going to use strokeWidth property to set the width of the stroke color in the canvas line in FabricJS. The canvas line means the line is movable and can be stretched according to requirement. Further, the line can be customized when it comes to initial stroke color, height, w 2 min read Fabric.js Polygon strokeWidth Property In this article, we are going to see how to set the stroke width of a canvas Polygon using FabricJS. The canvas rectangle means Polygon is movable and can be stretched according to requirement. Further, the Polygon can be customized when it comes to initial stroke color, height, width, fill color, o 2 min read Fabric.js Polyline stroke Property In this article, we are going to see how to set the stroke color of a canvas polyline using FabricJS. The canvas polyline means the polyline is movable and can be stretched according to requirement. Further, the polyline can be customized when it comes to initial stroke color, height, width, fill co 2 min read Fabric.js Polyline strokeUniform Property In this article, we are going to see how to lock the uniform stroke width of a canvas Polyline using FabricJS so that width of the stroke remains the same even when we scale the object to a bigger size. The canvas means the Polyline is movable and can be stretched according to the requirement. Furth 2 min read Fabric.js Polyline strokeLineCap Property In this article, we are going to see how to set the strokeLineCap of the canvas Polyline using FabricJS, it used to fill an object. The canvas Polyline means the Polyline is movable and can be stretched according to requirements. Further, the Polyline can be customized when it comes to initial strok 2 min read Fabric.js Polyline strokeDashArray Property In this article, we are going to see how to set the stroke dash pattern of a canvas Polyline using Fabric.js. The Polyline in Fabric.js is movable and can be stretched according to requirement. Further, the Polyline can be customized when it comes to initial stroke color, height, width, fill color, 2 min read Like