uniapp配置小程序横屏、实现横屏手写签名

最新推荐文章于 2024-05-15 15:52:37 发布

攻城狮羊羊

最新推荐文章于 2024-05-15 15:52:37 发布

阅读量366

点赞数

分类专栏：手写签名文章标签： uni-app 小程序

本文链接：https://blog.csdn.net/m0_67021283/article/details/129135463

版权

本文介绍了如何在uni-app中配置小程序以支持横屏模式，并详细讲解了实现横屏手写签名的功能，包括配置横屏的步骤和手写签名图片的生成过程。

摘要由CSDN通过智能技术生成

1.配置横屏

		{
			"path": "你的页面路径",
			"style": {
				navigationBarTitleText": "签名",
				"pageOrientation": "landscape",
				"enablePullDownRefresh": false,
				"disableScroll": true 
			}
		},

2.手写签名生成图片

<template>
  <view
    class="container">
    <view class="canvas_box">
      <view class="canvas_tips"> 签字区 </view>
      <canvas
        canvas-id="canvas_id"
        class="canvas_content"
        disable-scroll="true"
        @touchstart="touchStart"
        @touchmove="touchMove"
        @touchend="touchEnd"
        @touchcancel="touchEnd"
        @error="canvasIdErrorCallback"
      ></canvas>
    </view>
    <view class="bottom_vie