Annotations jump slightly when rasterized

Question

Annotations jump slightly when rasterized

TheTechromancer opened this issue 4 years ago · comments

First of all, thank you very much for taking the time to make marker.js. It is amazing :)

We are running into this issue when rendering marker.js inside a bootstrap modal. Any help/recommendations would be appreciated.

Thanks!

Alan Mendelevich · Answer 1 · Wed Oct 07 2020 13:49:58 GMT+0800 (China Standard Time)

Not sure if this could be helpful but have you tried setting a different targetRoot in the config?

targetRoot - in case your target image is not a child of document.body you can specify a different root here,

TheTechromancer · Answer 2 · Sat Oct 10 2020 03:06:33 GMT+0800 (China Standard Time)

Thanks, I'll give this a try.

TheTechromancer · Answer 3 · Tue Oct 27 2020 01:49:35 GMT+0800 (China Standard Time)

Okay so I finally was able to test this, and I wasn't able to get targetRoot to influence the positioning.

However, the size of the image seems to be a factor. Small images (e.g. 200x100 pixels) are unaffected by the bug and render normally, whereas for larger ones, the div element containing the svg overlay (the one with absolute positioning) is placed slightly too far to the left. It seems like larger images result in larger offsets, but I could be extrapolating.