实用云,提供最全最实时的云市场资讯

手机站:/m

企业邮箱_服务器绑定域名_三重好礼

时间:2021-09-08 04:17编辑:实用云来源:实用云当前位置:主页 > 云通信 >

议程

为数字签名创建自定义控件。

目标受众

具有UI5和浏览器相关应用程序开发技能的代码开发人员。

步骤1:创建新组件签名.js在名为custom Control的新文件夹中,云估价,

我们正在扩展核心库控件,将其保留为基本控件,并在其上执行

自定义.

第二步:定义基础模板签名.js并添加自定义属性和事件。

这里我们定义了5个属性:

高度–签名板的高度width–签名板的宽度bgcolor–签名板的背景色厚度–标志的厚度signColor–标志的颜色

我们定义了渲染器,服务器和云主机,

其中我们使用画布渲染签名板。

还定义了一个事件,

清除–清除现有的登录板导出–将符号导出为图像(二进制字符串)激活-初始化库签名板

第3步:在应用程序的UI5视图或html文件中加载控件

第4步:在视图中使用控件

第5步:添加所需的库文件。我们可以添加

标记索引.html或者从同一链接下载库文件并将其存储在项目文件夹中。我们将利用签名_pad.js文件图书馆。这将处理所有触摸事件,清除,导出作为一个图像的标志。创建名为util的新文件夹并添加签名_pad.js文件在这种情况下

第6步:在控制器中定义所需的库

第7步:使用自定义控件对象激活控制器

中的控件,在渲染后在ONA中激活SignaturePad(初始化SignaturePad库)。onClear功能将清除登录板。通过使用onExport函数,返现卡,我们可以得到二进制字符串的符号。

运行应用程序。我们将得到如下截图。

截图

结论:

这是一个非常简单的捕获签名的用例。同样可以扩展到任何Fiori应用程序,返利微信,微信返利机器人可靠吗,处理第三团队管理(例如接收库存)或任何物料交付过程中的SO。

我尝试在goggle chrome浏览器中运行此应用程序,并取得了成功。亲爱的技术人员,建议您在其他流行浏览器上尝试,并分享您的反馈。

上一篇网站建设_网站建设价位_怎么买

下一篇华为云_o数据库_促销

世界之最排行

世界之最精选