asp. net захватить подпись с html5 canvas, проблема на мобильных устройствах - PullRequest
Новая
       56

asp. net захватить подпись с html5 canvas, проблема на мобильных устройствах

0 голосов
/ 28 февраля 2020

Я использую это решение для моего проекта, оно работает довольно хорошо, но у меня есть большая проблема на мобильных устройствах, которые делают его непригодным для использования. Когда я подписываюсь, я должен поддерживать давление на экран, если я поднимаю палец, а затем снова касаюсь экрана, чтобы продолжить подпись, подпись стирается и начинается с нуля. Этого не происходит на рабочем столе p c с помощью мыши. Любые идеи?

Это часть сценария: 

<script type="text/javascript" src="Scripts/jquery1.8.3.min.js"></script>
<script src="Scripts/sketch.min.js" type="text/javascript"></script> <%--richiede jquery 1.8.3--%>
<script type="text/javascript">
    $(function () {
        $('#colors_sketch').sketch();
        $(".tools a").eq(0).attr("style", "color:#000");
        $(".tools a").mousemove(function () {
            $(".tools a").removeAttr("style");
            $(this).attr("style", "color:#000");
        });
    });
    function ConvertToImage(btnSave) {
        var base64 = $('#colors_sketch')[0].toDataURL();
        $("[id*=hfImageData]").val(base64);
        __doPostBack(btnSave.name, "");
    };
</script>

html: 

<canvas id="colors_sketch" width="500" height="200" ></canvas>
<asp:HiddenField ID="hfImageData" runat="server" />

Файл js можно найти здесь

...