Javascript 如何使用laravel 5.4中的签名垫？
我正在开发一个简单的基于表单的发票/收据web应用程序，需要使用获取客户签名。我的应用程序利用了熟悉度和内置的用户身份验证框架 作为概念证明，我已经尝试过在没有运气的情况下将签名垫示例中的代码嵌入到我的刀片模板中-绘图不会发生。此外，与按钮关联的操作/事件侦听器也不起作用 代码的直接html文件变体会产生一个功能性签名（见下文），因此我知道编写的代码工作得很好-问题似乎与Laravel、Vue、Blade或模板内部处理JS的方式有关 如果您对在Laravel 5.4或类似版本中的刀片模板中使用签名垫有任何见解或专业知识，我们将不胜感激。多谢各位Javascript 如何使用laravel 5.4中的签名垫？,javascript,blade,laravel-5.4,signaturepad,Javascript,Blade,Laravel 5.4,Signaturepad,我正在开发一个简单的基于表单的发票/收据web应用程序，需要使用获取客户签名。我的应用程序利用了熟悉度和内置的用户身份验证框架 作为概念证明，我已经尝试过在没有运气的情况下将签名垫示例中的代码嵌入到我的刀片模板中-绘图不会发生。此外，与按钮关联的操作/事件侦听器也不起作用 代码的直接html文件变体会产生一个功能性签名（见下文），因此我知道编写的代码工作得很好-问题似乎与Laravel、Vue、Blade或模板内部处理JS的方式有关 如果您对在Laravel 5.4或类似版本中的刀片模板中使用签
测试
拯救
清楚的
var signaturePad=新的signaturePad（document.getElementById（'signature-pad'）{
背景颜色：“rgba（255，255，255，0）”，
铅笔颜色：“rgb（0,0,0）”
});
var saveButton=document.getElementById（'save'）；
var cancelButton=document.getElementById（'clear'）；
saveButton.addEventListener（'click'，函数（事件）{
var data=signaturePad.toDataURL（'image/png'）；
//将数据发送到服务器。。。
窗口。打开（数据）；
});
cancelButton.addEventListener（'click'，函数（事件）{
signaturePad.clear（）；
});