How to implement rectangular highlight tool on ember

Question

I want to implement a rectangular highlight tool as seen on google.com -> Settings -> Send Feedback -> Capture Screenshot -> Highlight or Hide info.

Seems very complicated and I'm not sure where to start. How would you do it with Ember?

NullVoxPopuli · Accepted Answer · 2024-06-05 15:05:30Z

0

You'd probably first want to capture the screen as an image, maybe with

https://www.npmjs.com/package/html-to-image

and then allow editing of that image

draw the image to a canvas
- https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
use mouse events to draw the rectangle
- see here: Let users draw rectangles with mouse in canvas with Javascript

then save the canvas content to an image

How To Save Canvas As An Image With canvas.toDataURL()?

answered Jun 5, 2024 at 15:05

NullVoxPopuli

65.6k76 gold badges216 silver badges364 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to implement rectangular highlight tool on ember

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related