3 ms·
I’ve used Pixi.js together with React to build a canvas based white boarding app similar to Figma or Miro. Pixi for doing all the canvas stuff, React for the U
by SenHeng 4y ago
I’ve used Pixi.js together with React to build a canvas based white boarding app similar to Figma or Miro.
Pixi for doing all the canvas stuff, React for the UI elements. It wasn’t very performant but for an early stage product knocked out under a year I thought it was alright. We wasted a lot of energy trying to get redux to work. It should be a lot easier now with hooks and context for managing state.
Depending on what you want to do, d3.js is another possibility for just canvas manipulation.
The main problems with canvas was having to essentially do manually what html and css gave for free, especially with regards to text manipulation. There wasn’t a way to have text wrap automatically, we had to calculate sentence length, then manually insert new lines where we thought the wrap would happen.