HTML5 Canvas layer disappears on mouse click in Fabric.js and Firefox stops responding when creating a canvas for the image?

If the HTML5 Canvas layer disappears on mouse click in Fabric.js and Firefox stops responding when creating a canvas to the image, then there is a way to drag and drop images from your computer to canvas using Fabric.

This can be done by making image draggable property to true by this way −

<img draggable = "true">

karthikeya Boyini

Updated on 04-Mar-2020 10:21:10

• Related Questions & Answers
• Play video on canvas and preserve the last frame/image on HTML5 Canvas
• Is HTML5 canvas and image on polygon possible?
• Zoom HTML5 Canvas to Mouse Cursor
• addEventListener for keydown on HTML5 Canvas
• How to use multiple click event on HTML5 canvas?
• HTML5 Canvas and select / drag-and-drop features in a JS library?
• HTML5 Canvas Font Size Based on Canvas Size
• Making an image scale mouse over on HTM5 <canvas>
• How to prevent text select outside HTML5 canvas on double-click?
• Mouse event not being triggered on HTML5 canvas? How to solve it?
• Load image from url and draw to HTML5 Canvas
• How to detect point on canvas after canvas rotation in HTML5
• Update HTML5 canvas rectangle on hover
• HTML5 drawImage() method to draw image onto the canvas
• Change colour of an image drawn on an HTML5 canvas element.