Javascript - Панель для подписи не работает на мобильном телефоне ⇐ Php

[Anonymous]

Я реализую панель для подписи (https://github.com/szimek/signature_pad) в своем проекте laravel. Он отлично работает на настольном компьютере.
Когда я пытаюсь использовать это на мобильном телефоне, я ничего не могу нарисовать.

Я тестирую демонстрационный пример на мобильном устройстве, и он работает ( http://szimek.github.io/signature_pad/).

Я думаю, моя проблема может быть связана с изменением размера холста.
В мета-окне просмотра я добавляю это :

Код: Выделить всё

Мой код jquery таков:

Код: Выделить всё

var wrapper = document.getElementById("signature-pad");

var canvas = wrapper.querySelector("canvas");
var signaturePad = new SignaturePad(canvas, {
backgroundColor: 'rgb(255, 255, 255)'
});

// Adjust canvas coordinate space taking into account pixel ratio,
// to make it look crisp on mobile devices.
// This also causes canvas to be cleared.
function resizeCanvas() {
// When zoomed out to less than 100%, for some very strange reason,
// some browsers report devicePixelRatio as less than 1
// and only part of the canvas is cleared then.
var ratio =  Math.max(window.devicePixelRatio || 1, 1);

// This part causes the canvas to be cleared
canvas.width = $('#signature-pad').width();
canvas.height = '250';
canvas.getContext("2d").scale(ratio, ratio);

signaturePad.clear();
}

window.onresize = resizeCanvas;
resizeCanvas();

И мой HTML-код:

Код: Выделить всё

Sign above

Какая это может быть проблема?

Подробнее здесь: https://stackoverflow.com/questions/490 ... -on-mobile