wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

细节

Browse Source
main
fanfan 7 months ago
parent 04f36895a9
commit be30ba5f4e
1 changed files with 59 additions and 44 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 65
      pages/invite/index.vue

65
pages/invite/index.vue
Unescape View File

@ -80,7 +80,8 @@
</view> </view>
</view> </view>
</view> </view>
<canvas id="myCanvas" class="myCanvas" canvas-id="myCanvas" :style="{'width': 702/devicePixelRatio+'px',' height': 1248/devicePixelRatio+'px'}" ></canvas> <canvas id="myCanvas" class="myCanvas" canvas-id="myCanvas"
:style="{'width': 702/devicePixelRatio+'px',' height': 1248/devicePixelRatio+'px',position: 'absolute',left:'-100000px',top:'-100000px'}"></canvas>
</view> </view>
</template> </template>
@ -105,7 +106,7 @@
isPopup: false, isPopup: false,
info: {}, info: {},
list: [], list: [],
devicePixelRatio: 750/uni.getSystemInfoSync().windowHeight devicePixelRatio: 750 / uni.getSystemInfoSync().windowHeight
} }
}, },
onReady() { onReady() {
@ -126,31 +127,37 @@
createImge() { createImge() {
const that = this; const that = this;
ctx.fillRect(0, 0, 702/that.devicePixelRatio, 1248/that.devicePixelRatio); ctx.fillRect(0, 0, 702 / that.devicePixelRatio, 1248 / that.devicePixelRatio);
uni.downloadFile({ uni.downloadFile({
url: 'https://www.royaum.com.cn/static/3@2x.png', url: 'https://www.royaum.com.cn/static/3@2x.png',
success(res) { success(res) {
ctx.drawImage(res.tempFilePath, 0, 0, 702/that.devicePixelRatio, 1248/that.devicePixelRatio); ctx.drawImage(res.tempFilePath, 0, 0, 702 / that.devicePixelRatio, 1248 / that
.devicePixelRatio);
uni.downloadFile({ uni.downloadFile({
url: that.qrcode, url: that.qrcode,
success: (res2) => { success: (res2) => {
ctx.save(); // 保存 ctx.save(); // 保存
ctx.beginPath(); // 开始绘制 ctx.beginPath(); // 开始绘制
ctx.arc(162/that.devicePixelRatio / 2 + 285/that.devicePixelRatio, 162/that.devicePixelRatio / 2 + 870/that.devicePixelRatio, 162/that.devicePixelRatio / 2, 0, Math.PI * 2, false); ctx.arc(162 / that.devicePixelRatio / 2 + 285 / that.devicePixelRatio,
162 / that.devicePixelRatio / 2 + 870 / that.devicePixelRatio,
162 / that.devicePixelRatio / 2, 0, Math.PI * 2, false);
ctx.clip(); ctx.clip();
ctx.drawImage(res2.tempFilePath, 285/that.devicePixelRatio, 870/that.devicePixelRatio, 162/that.devicePixelRatio, 162/that.devicePixelRatio); ctx.drawImage(res2.tempFilePath, 285 / that.devicePixelRatio, 870 /
that.devicePixelRatio, 162 / that.devicePixelRatio, 162 / that
.devicePixelRatio);
// 恢复之前保存的绘图上下文 // 恢复之前保存的绘图上下文
ctx.restore(); ctx.restore();
// 邀请码 // 邀请码
ctx.setFontSize(45/that.devicePixelRatio); ctx.setFontSize(45 / that.devicePixelRatio);
ctx.setFillStyle('#cf100d'); ctx.setFillStyle('#cf100d');
ctx.fillText(that.userInfo.user_id, 200/that.devicePixelRatio, 1213/that.devicePixelRatio); ctx.fillText(that.userInfo.user_id, 200 / that.devicePixelRatio, 1213 /
that.devicePixelRatio);
ctx.draw() ctx.draw()
uni.canvasToTempFilePath({ uni.canvasToTempFilePath({
width: 702/that.devicePixelRatio, width: 702 / that.devicePixelRatio,
height: 1248/that.devicePixelRatio, height: 1248 / that.devicePixelRatio,
destWidth: 702/that.devicePixelRatio, destWidth: 702 / that.devicePixelRatio,
destHeight: 1248/that.devicePixelRatio, destHeight: 1248 / that.devicePixelRatio,
canvasId: 'myCanvas', canvasId: 'myCanvas',
success: function(res) { success: function(res) {
// 在H5平台下，tempFilePath 为 base64 // 在H5平台下，tempFilePath 为 base64
@ -161,8 +168,12 @@
that.$success('保存成功') that.$success('保存成功')
}, },
fail(err) { fail(err) {
if (err.errMsg === 'saveImageToPhotosAlbum:fail auth deny') { if (err.errMsg ===
that.$toast('请允许访问相册后重试 (右上角菜单 - 设置 - 相册)', 3000) 'saveImageToPhotosAlbum:fail auth deny'
) {
that.$toast(
'请允许访问相册后重试 (右上角菜单 - 设置 - 相册)',
3000)
} }
} }
}) })
@ -227,15 +238,15 @@
download(type) { download(type) {
const app = this const app = this
app.isPopup = false; app.isPopup = false;
if(type == 1){ if (type == 1) {
return ; return;
}else{ } else {
uni.showLoading({ uni.showLoading({
title: '加载中' title: '加载中'
}) })
this.createImge(); this.createImge();
} }
return ; return;
uni.showLoading({ uni.showLoading({
title: '加载中' title: '加载中'
}) })
@ -339,13 +350,13 @@
background-size: 100% auto; background-size: 100% auto;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
.myCanvas{ min-height: 100vh;
.myCanvas {
position: absolute; position: absolute;
left: 0;
top: -1200rpx;
z-index: -1; z-index: -1;
opacity: 0;
} }
&-popup { &-popup {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -364,10 +375,12 @@
top: 50%; top: 50%;
margin-top: -635rpx; margin-top: -635rpx;
z-index: 2; z-index: 2;
.bg{
.bg {
width: 620rpx; width: 620rpx;
height: 1102rpx; height: 1102rpx;
} }
.code { .code {
width: 150rpx; width: 150rpx;
height: 150rpx; height: 150rpx;
@ -405,13 +418,15 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.cancle{
.cancle {
flex: 1; flex: 1;
background-color: #FFFFFF; background-color: #FFFFFF;
margin-right: 30rpx; margin-right: 30rpx;
border-radius: 10rpx; border-radius: 10rpx;
} }
.sure{
.sure {
border-radius: 10rpx; border-radius: 10rpx;
flex: 1; flex: 1;
color: #FFFFFF; color: #FFFFFF;

Write Preview
Loading…
Cancel
Save