legalthings / angular-signature

HTML5 canvas based smooth signature drawing as angularJS directive (http://szimek.github.io/signature_pad/)
MIT License
105 stars 91 forks source link

Transparent image renders as black image in IOS so getting black box while clearing #63

Open Kawinesh opened 7 years ago

Kawinesh commented 7 years ago

As you can see in the below image the screen is rendered in the way.

You cant test the below code in base64 to image converted websites

EMPTY_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA='

IN Windows chrome its proper transparent image but in MAC safari its a black image.

A simple solution would be to use the below base64 data

EMPTY_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='

Verified in IOS and the above data shows proper transparent image in both the browsers.

image