Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Layer Canvas biến mất khi click chuột trong Fabric.js và Firefox treo khi tạo canvas cho ảnh?


Nếu layer HTML5 Canvas biến mất khi click chuột trong Fabric.js và Firefox ngừng phản hồi khi tạo canvas cho ảnh, có thể do vấn đề xử lý sự kiện kéo thả (drag-and-drop).

Giải pháp: cho phép kéo thả ảnh từ máy tính vào canvas bằng cách đặt thuộc tính draggable="true" cho thẻ <img>:

<img draggable="true">

Khi đó, người dùng có thể kéo ảnh trực tiếp vào canvas Fabric.js mà không gây lỗi layer biến mất hoặc treo trình duyệt.