更新记录

1.0.0(2019-09-09)

1.0.0 首次发布


在zwyPoster.vue的created中绘制海报 基本使用四个方法,有其他需求可以自己写或者提出来。

                        /*
            绘制图片
            调用方式:this.drawBg({
                url:'',路径
                sLeft:0~1 | 'center' 百分比离左边距离 1则为100vw,
                sTop:0~1 百分比离顶部距离,
                sWidth:0~1 百分比宽度,
                sHeight:0~1 百分比高度
            })
        */  

                        /*
            绘制头像
            绘制头像需要添加域名白名单   downloadFile合法域名    https://wx.qlogo.cn
            调用方式:this.circleImg(img, x, y, r) 
            img:图片路径
            x:0~1 百分比离左边距离,
            y:0~1 百分比离顶部距离
        */

                        /*
            绘制单行文本
            调用方式:this.drawText({
                text:'文本', String || Array
                sLeft:0~1 || 'center' 百分比离左边距离,
                sTop:0~1 百分比离顶部距离,
                fontSize:Number 文字大小,
                color:'' 颜色,
                bold:Boolean 粗体,
                lineHeight:Number //如果是数组则设置行高
            })
        */   

        // 绘制多行文本
        this.drawPara({
                para:'恭喜您获得了5元兰博基尼优惠劵!兑换码XXXX高1亮1文1字XXXXXX高2亮2文2字XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',//文本
                fontSize:10,//字体大小
                sLeft:.06,//百分比离左边距离
                sTop:.32,//百分比李作边距离
                titleHeight:16,//一行高度
                sMaxWidth:.84,//一行最大宽度
                redWord:['高1亮1文1字','高2亮2文2字','兰博基尼优惠劵'],//关键字
                color:'#5A390F',//正常颜色
                redColor:'#DD524D',//高亮颜色
                bold:false //是否加粗
        })

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

相册

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问