uniapp开发小程序手写板、签名、签字

原创已于 2024-04-13 14:38:31 修改 · 1.9k 阅读

标签

#uni-app #小程序

收录于

于 2024-04-13 14:37:03 首次发布

包教会专栏专栏收录该内容

17 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用uni-app开发小程序的手写板和签名功能，虽然DCloud插件市场中的lime-signature不支持vue3的Composition API，但文章提供了使用此API的方法。通过建立小程序，替换index.vue代码，并在微信开发工具及真机上调试，实现了压感开关控制笔画粗细的效果。

可以使用这个插件进行操作

手写板-签名签字-lime-signature - DCloud 插件市场

但是目前这个插件没有vue3 setup Composition API的写法。所以对于此文档提供的可以直接使用，需要使用Composition API方式实现的，可以继续看。

因为Composition API方式，更加的简单、灵活，在今后的编程之中要多用、多学，这样才能写出更加健壮的代码。

1.首先建立一个可以运行的小程序

2.把index.vue的代码直接替换一下

<template>
	<view style="width: 750rpx; height: 750rpx;">
		<l-signature disableScroll ref="signatureRef" :penColor="penColor" :penSize="penSize"
			:openSmooth="openSmooth"></l-signature>
	</view>
	&l

了解本专栏