merchi_product_editor
Version:
A React component for editing product images using Fabric.js
27 lines (26 loc) • 914 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.setupKeyboardEvents = void 0;
var setupKeyboardEvents = function (canvas, onObjectRemoved) {
var handleKeyDown = function (e) {
if (e.key === 'Delete') {
var activeObject = canvas.getActiveObject();
if (activeObject) {
canvas.remove(activeObject);
canvas.renderAll();
if (onObjectRemoved) {
var dataUrl = canvas.toDataURL({
format: 'png',
quality: 1,
});
onObjectRemoved(dataUrl);
}
}
}
};
document.addEventListener('keydown', handleKeyDown);
return function () {
document.removeEventListener('keydown', handleKeyDown);
};
};
exports.setupKeyboardEvents = setupKeyboardEvents;