mycurelabs / vue-html2canvas

Vue mixin for Html2Canvas
MIT License
116 stars 23 forks source link

Inaccurate image output in built code on Chrome, FireFox #15

Open njwest opened 5 years ago

njwest commented 5 years ago

In a vue-cli generated project, when running in development the target image is accurate accross browsers, however built code is inaccurate across Firefox and Chrome (works in Safari)

Note: the image below is table-less; the bordered elements on the right side of the image are css-defined rows + columns

Example accurate output (top is image output, bottom is HTML element):

Screen Shot 2019-07-14 at 9 16 46 PM

Inaccurate output, after NPM Run Build:

Screen Shot 2019-07-14 at 9 16 26 PM Screen Shot 2019-07-14 at 9 15 53 PM
njwest commented 5 years ago

Note: the top and right inaccurate margins/paddings in images two and three are not the same on every render, but are always inaccurate

jofftiquez commented 5 years ago

Thanks for opening the issue. I will look into it soon.