HTML5 Canvas Articles - Page 50 of 49

In this article, we are going to create a canvas with a given background color using FabricJS. The default background color provided by the FabricJS API is white and it can be customized using the second argument.Syntaxnew fabric.Canvas(element: HTMLElement|String, { backgroundColor: String }: Object)Parameterselement − This parameter is the element itself which can be derived using document.getElementById() or the id of the element itself. The FabricJS canvas will be initialized on this element.Options − This parameter is an Object which provides additional customizability to our canvas and backgroundColor is one of them which will help us customize the ... Read More

In this article, we are going to create a canvas using FabricJS but before that let us understand what a canvas is. For drawing graphics on a webpage, we have a web API called Canvas API. This API is good for drawing basic shapes but adding interaction to it or drawing complex shapes becomes very difficult. Thus FabricJS comes into the picture which is a library built on top of the Canvas API. To use FabricJS, the first thing that needs to be done is to create a FabricJS Canvas.Syntaxnew fabric.Canvas(element: HTMLElement|String, options: Object)Parameterselement − This parameter is the ... Read More