Comments (3)
@lucker2120 I think you will need to wrap the event attachment in a useEffect maybe, your code is attaching the same event many times
useEffect(() => {
function mouseUp() {
console.log("mouse:up");
}
function mouseDown() {
console.log("mouse:down");
}
if (editor) {
editor.canvas.on("mouse:down", mouseDown);
editor.canvas.on("mouse:up", mouseUp);
}
return () => {
if (editor.canvas) {
editor.canvas.off("mouse:down", mouseDown);
editor.canvas.off("mouse:up", mouseUp);
}
};
}, [editor]);
from fabricjs-react.
@lucker2120 hey, thanks for reaching out, I think this is expected, mouse up and down are 2 different events, then log will show up 2 times
from fabricjs-react.
@asotog, No-no, I mean, when you click left mouse button one time => mouse:down fires two times and then mouse:up fires two times
from fabricjs-react.
Related Issues (20)
- how can i change font size by progressbar please help me also want to make font bold italic underline HOT 2
- can you please help how to export canvas as pdf HOT 1
- How can I create multiple canvas and also store the current state of those canvases ? HOT 2
- How can I create multiple canvases and use them on single page. HOT 6
- How do I download the images I add to the canvas HOT 3
- change canvas using FabricJSCanvas? HOT 2
- Is it possible to change border-radius? HOT 3
- Upgrade to react18 HOT 2
- support custom build of fabricjs
- Text disappears on edit / selected HOT 2
- Adding new features to the package HOT 4
- Cannot read properties of null (reading 'useState') HOT 1
- Fabricjs6 beta12 giving error for textbox HOT 4
- Fix "exports" field in package.json for TypeScript typings resolution HOT 1
- Is there any documentation? HOT 3
- useFabricJSEditor hook returns undefined for editor HOT 2
- `selectedObjects` reports incorrect amount when shift clicking. HOT 1
- React FabricJS Documentation HOT 3
- Adding objects in desired coordinates HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fabricjs-react.