From 774e59b0c0217ec5fce1c18b2072a11de6ecb1be Mon Sep 17 00:00:00 2001 From: qodot Date: Fri, 25 Nov 2016 17:31:25 +0900 Subject: [PATCH] Change EMPTY_IMAGE * In safari using at iPhone and OS X, the original image looks strange (a black box appears) in some conditions like call clear() method. * So, I generated new EMPTY_IMAGE in http://png-pixel.com * The new image has RGB(255, 255, 255), opacity 0, width 568 and height 220. * I've tested if the black box is appeared when calling clear() method in safari, chrome, firefox. --- src/signature.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/signature.js b/src/signature.js index 3aae748..be050e4 100644 --- a/src/signature.js +++ b/src/signature.js @@ -9,7 +9,8 @@ angular.module('signature').directive('signaturePad', ['$interval', '$timeout', function ($interval, $timeout, $window) { 'use strict'; - var signaturePad, element, EMPTY_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA='; + var signaturePad, element, EMPTY_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjgAAADcCAQAAADXNhPAAAACIklEQVR42u3UIQEAAAzDsM+/6UsYG0okFDQHMBIJAMMBDAfAcADDATAcwHAAwwEwHMBwAAwHMBzAcAAMBzAcAMMBDAcwHADDAQwHwHAAwwEMB8BwAMMBMBzAcADDATAcwHAADAcwHADDAQwHMBwAwwEMB8BwAMMBDAfAcADDATAcwHAAwwEwHMBwAAwHMBzAcAAMBzAcAMMBDAcwHADDAQwHwHAAwwEwHMBwAMMBMBzAcAAMBzAcwHAADAcwHADDAQwHMBwAwwEMB8BwAMMBDAfAcADDATAcwHAAwwEwHMBwAAwHMBzAcCQADAcwHADDAQwHwHAAwwEMB8BwAMMBMBzAcADDATAcwHAADAcwHMBwAAwHMBwAwwEMBzAcAMMBDAfAcADDAQwHwHAAwwEwHMBwAAwHMBzAcAAMBzAcAMMBDAcwHADDAQwHwHAAwwEMB8BwAMMBMBzAcADDATAcwHAADAcwHMBwAAwHMBwAwwEMB8BwAMMBDAfAcADDATAcwHAAwwEwHMBwAAwHMBzAcAAMBzAcAMMBDAcwHADDAQwHwHAAwwEMB8BwAMMBMBzAcADDkQAwHMBwAAwHMBwAwwEMBzAcAMMBDAfAcADDAQwHwHAAwwEwHMBwAMMBMBzAcAAMBzAcwHAADAcwHADDAQwHMBwAwwEMB8BwAMMBMBzAcADDATAcwHAADAcwHMBwAAwHMBwAwwEMBzAcAMMBDAegeayZAN3dLgwnAAAAAElFTkSuQmCC'; + return { restrict: 'EA', replace: true,