when I use fabric canvas and use css zoom property. drawing in the cancas draws with some offset. How can I correct the cursor position?

<div style="zoom: 50%">
 <div id="fabric_canvas"></div>
</div>

the reason why I put zoom property in wrapper div is that the canvas is supposed to be rendered image, and manually edited by drawing mode and to be exported as image. I'd like to keep the good resolution.