Tag: jsignature

使用Google脚本将图像保存到电子表格

我正在尝试使用jSignature向Google表格添加签名板。 我添加了一个记录签名的对话框,如下所示: //Code.gs function showDialog() { var html = HtmlService.createHtmlOutputFromFile(‘Page’) .setWidth(400) .setHeight(300); DocumentApp.getUi() .showModalDialog(html, ‘Your Signature is Required’); } //Page.html Please draw your signature on the signature pad below: $(“#signature”).jSignature({ ‘background-color’: ‘transparent’, ‘decor-color’: ‘transparent’ }); function renderSignature(){ $(“img#rendered”).attr(“src”,$(‘#signature’).jSignature(‘getData’,’default’)); } 唯一的问题是我无法弄清楚如何将图像放入单元格。 复制/粘贴不起作用,就我所知,它需要插入。 我想也许我写了一个函数将它保存到谷歌驱动器,然后使用URL插入它,但我仍然无法弄清楚如何获取实际图像,以便用它做任何事情。 任何见解,我是GS的新手。

jSignature jQuery插件 – 根据存储在DB中的签名制作图像(base30)

使用此命令保存图像后 $(“#canvas”).jSignature(“getData”, “base30”); 我们可以将数据存储到DB中,它是一个简单的字符串: data:image/jsignature;base30,9MZ4555665655465644644645433232100Y2333465656786456646464443Z54334433222Y13344544486666667775353646443_2xZ110000000Y1111111222223222344555332220100000Z11111121212130Y122222333343222111100000Z1111212222122212 现在如何从“base30”签名制作图像? 我们可以将其转换为任何内容,以便可以在网站上显示吗? 或者也许有一种方法可以禁用编辑canvas。 要防止更改签名? UPDATE 我做了一些解决方法,它的工作原理。 我创建了一个不可见的div,我从DB加载jSignature并使其不可见,然后我从中获取svg并在页面中显示该svg Your browser doesn’t support SVG! @if (isset($offer->signature)) var sigCanvas = $(“#oldSignature”).jSignature({width: 700, height: 180, “background-color”:”#ddd”}); $(“#oldSignature”).jSignature(“importData”, “{{$offer->signature}}”); var svg = $(“#oldSignature”).jSignature(“getData”, “svg”); $(“#img”).attr(“data”, ‘data:’ + svg); @endif