Downloaded Image with Blue Guide Lines

[mypolat]

First of all, thanks.
I'm using Chrome 56.0. If there are guide lines for position in canvas, when you click download button, the image is downloading with blue guide lines.

For example:

[goshacmd]

Hey @mypolat, thanks for reporting. Unfortunately I don't have the time for fixing this. If you do, and would like to fix this for yourself, the PR is more than welcome :)

Currently the way downloads work is:

• guidelines and other editor chrome are drawn on the canvas
• guidelines are rendered depending on the isFocused prop of ImageCanvas (https://github.com/goshakkk/pabla/blob/master/app/components/ImageCanvas.jsx#L135), which comes from Redux: https://github.com/goshakkk/pabla/blob/master/app/container/App.jsx#L30
• upon any image redraw, the data is saved in Redux: https://github.com/goshakkk/pabla/blob/master/app/components/ImageCanvas.jsx#L148
• there is a DownloadButton component which is passed the drawing data from Redux: https://github.com/goshakkk/pabla/blob/master/app/container/RightSidebar.jsx#L28

Now, to hide the guidelines upon clicking Download, this is roughly what's going to be needed: when the button is clicked, set the focused state in Redux to false, wait for the image to re-render, and only then open the drawing data URL.