更新记录

1.0.0（2024-02-01）

首次提交

平台兼容性

view转图片，仅支持H5

• 组件属性说明

  序号	属性名称	属性说明
  1	isBase64	该属性决定返回的是文件地址还是base64

• 组件函数说明

  序号	函数名称	函数说明
  1	createImage(ref)	调用该函数，传入需要生成图片的view的ref值

• createImage(ref)函数参数说明

  this.$refs.viewToImage.createImage(this.$refs.test)
  

• 组件事件说明

  序号	事件名称	事件说明
  1	image(path)	生成图片后通过监听组件的该函数获取图片内容

• 使用示例

<template>
    <view class="uni-column">
        <jushi-view-to-image ref="viewToImage" isBase64 @image="image">
            <view class="uni-column test" ref="test">
                <text>测试文字</text>
                <image src="@/static/shuijiao.jpg" style="width: 300rpx;height: 260rpx;" mode=""></image>
            </view>
        </jushi-view-to-image>
        <button @click="clickSave()">保存</button>
        <view class="uni-column" style="margin-top: 40rpx;">
            <text>生成的图片</text>
            <image :src="src" mode="" @click="preview()"></image>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                src:''
            }
        },
        methods: {
            image(path){
                console.log(path)
                this.src = path
            },
            clickSave(){
                this.$refs.viewToImage.createImage(this.$refs.test)
            },
            preview(){
                uni.previewImage({
                    urls:[this.src],
                    current:0
                })
            }
        }
    }
</script>

<style>
.test{
    background-color: antiquewhite;
    margin: 30rpx 100rpx;
    padding: 20rpx;
    font-size: 30rpx;
}
</style>

• 备注

  欢迎来邮件咨询和讨论，邮箱：1052775690@qq.com

  其它插件

  安卓原生插件

• 文件在线预览
• 银联支付线上收银台（通用版） 封装
• 阿里云RTC音视频通话
• 权限请求
• 文字转语音
• MQTT连接
• 获取手机通讯录联系人
• 快捷工具悬浮窗
• 日历日程事件
• 获取本地音频文件信息
• 根据经纬度获取位置信息
• WebSocket连接
• 高德地图封装安卓原生地图扩展组件
• 使用ECharts封装的安卓原生扩展组件
• 给图片添加水印
• 自定义通知栏通知

  UTS插件

• 安卓权限请求UTS插件
• 安卓文字转语音UTS插件
• 安卓获取音频文件UTS插件

  前端插件

• ECharts封装全端通用组件
• 图片添加水印，支持微信小程序、H5
• 手写签名、电子签名组件