img-mapper/react-img-mapper

Smooth Borders/Highlights

Closed this issue · 4 comments

Is your feature request related to a problem? Please describe.
When the image map is pinched in on mobile, the borders/highlighted regions are pixelated/blurry.

Describe the solution you'd like
Borders/Highlighted regions should be smooth when zoomed in.

Describe alternatives you've considered
Considering the alternative of going without borders;

Additional context
On Chrome/Devtools, enable the mobile viewport/debugger, inspect the image map, and replace the image used with an SVG.
Use Shift-Click on the mobile viewport in devtools tools to drag and simulate pinch to zoom as it would occur on a mobile device.
Notice that while the SVG remains sharp, the border drawn by react-img-mapper is blurry and pixelated.

image

Ok, I will check that :)

@bzsTNguyen Can you please provide the example of your problem

@bzsTNguyen I can not reproduce this problem, please provide an example in codesandbox

I am closing this issue because of the inactivity of the author, feel free to reopen it with a demo