Found 538 Articles for HTML5 Canvas

In this tutorial, we are going to learn how to set a multiplier to scale the cloned image using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to set a multiplier to scale the cloned image, we use the multiplier property. Syntax cloneAsImage( callback: function, { multiplier: Number}: Object): fabric.Object Parameters callback (optional) − This parameter is a function which is to be invoked with ... Read More

In this tutorial, we are going to learn how to scale an Image object to a given width using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to scale an Image object to a given width, we use the scaleToWidth method. Syntax scaleToWidth(value: Number, absolute: Boolean): fabric.Object Parameters value − This parameter accepts a Number which determines the new width value of our Image object. absolute ... Read More

In this tutorial, we are going to learn how to scale an Image object to a given height using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to scale an Image object to a given height, we use the scaleToHeight method. Syntax scaleToHeight(value: Number, absolute: Boolean): fabric.Object Parameters value − This parameter accepts a Number which determines the new height value of our Image object. absolute ... Read More

In this tutorial, we are going to learn how to scale an image equally on horizontal and vertical directions using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to scale an image equally on horizontal and vertical directions, we use the scale method. Syntax scale(value: Number): fabric.Object Parameters scale − This parameter accepts a Number which sets the scale factor of an image object. Default ... Read More

In this tutorial, we are going to learn how to remove the current object transform (scale, angle, flip and skew) in a cloned image using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to remove the current object transform in a cloned image, we use the withoutTransform property. Syntax cloneAsImage( callback: function, { withoutTransform: Boolean }: Object): fabric.Object Parameters callback (optional) − This parameter is ... Read More

In this tutorial, we are going to learn how to remove the current object shadow in a cloned image using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to remove the current object shadow in a cloned image, we use the withoutShadow property. Syntax cloneAsImage( callback: function, { withoutShadow: Boolean }: Object): fabric.Object Parameters callback (optional) − This parameter is a function which is to be ... Read More

In this tutorial, we are going to learn how to identify the type of an Image instance in FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to identify the type of an Image instance, we use the isType method. Syntax isType(type: String): Boolean Parameters type − This parameter accepts a String which specifies the type we want to check. Using isType method Example Let’s ... Read More

In this tutorial, we are going to learn how to get the source of Image using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to find the source of an Image, we use the getSrc method. Syntax getSrc(filtered: Boolean): String Parameters filtered − This parameter is a Boolean value which indicates whether the source is needed for svg or not. Using the getSrc method ... Read More

In this tutorial, we are going to learn how to get the position of Image object with respect to origin using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to get the position of Image object with respect to origin, we use the getPointByOrigin method. Syntax getPointByOrigin(originX: String, originY: String): fabric.Point Parameters originX − This parameter accepts a String which specifies the horizontal origin. The possible ... Read More

In this tutorial, we are going to learn how to get the opacity of Image using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to get the opacity of Image, we use the getObjectOpacity method. Syntax getObjectOpacity(): Number Using the getObjectOpacity method Example Let’s see a code example to see the logged output when the getObjectOpacity method is used. In this case, the default opacity will be ... Read More