Использование angular2-signaturepad

Для детального чтения этого https://blog.csdn.net/qq_29594393/article/details/76913495

NPM Адрес: https://www.npmjs.com/package/signature_pad

Проблемы, возникающие

Тестовая страница размеров нетронутой, небольшая мобильный терминал фотография инициализации

Решения

Выпускаемое Canvas = Document. querySelector ( "холст"); 
ЛПЭ отношение = . Матх макс ( . Окно devicePixelRatio || 1,. 1.); 
Выпускаемое signaWidth = . this.platform ширина () * 0,92; Ионные // Устройство сбора используется в ширина 
canvas.width = signaWidth; 
canvas.height = signaWidth; 
. Холст getContext ( "2D".) Scale ( отношение, отношение); // этот шаг является наиболее важным , чем колонка регулировки 
на этот. signaturePad. Clear (); // в противном случае IsEmpty () Может дорожим Неправильное возвращение 
это. signaturePad. fromDataURL (это. vehicleDamageImage)   // значение инициализации Base64 картины