With Canvas, we have one flattened graphic. It’s not multiple elements displayed on top of each other, like it would be if we just used HTML and CSS. Since it’s one thing, we never have to worry about it looking any different than it does right now. And -this part is pretty exciting- there’s a way to save this graphic to be used later.
reference:
node node_modules/react-scripts/scripts/start.js
https://github.com/facebook/create-react-app/issues/8221
css filter
https://codepen.io/joshuajcollinsworth/pen/bKXoRN
react canvas
https://blog.cloudboost.io/using-html5-canvas-with-react-ff7d93f5dc76
canvas filter
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter
canvas scale
https://stackoverflow.com/questions/23104582/scaling-an-image-to-fit-on-canvas
canvas clear
https://stackoverflow.com/questions/2142535/how-to-clear-the-canvas-for-redrawing
file-saver
https://www.npmjs.com/package/file-saver
http://chuanshuoge2.blogspot.com/2019/01/node-upload-to-cloud-download-from-cloud.html
file upload temporary store
https://medium.com/@650egor/react-30-day-challenge-day-2-image-upload-preview-2d534f8eaaa
https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
No comments:
Post a Comment