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

Published on 11-Apr-2018 13:27:08

• Related Questions & Answers
• Play video on canvas and preserve the last frame/image on HTML5 Canvas
• How to keep the image at the back of the HTML5 canvas when moving elements with fabric.js?
• Is HTML5 canvas and image on polygon possible?
• Layers of canvas fabric.js
• Zoom HTML5 Canvas to Mouse Cursor
• addEventListener for keydown on HTML5 Canvas
• How to use multiple click event on HTML5 canvas?
• 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