uniapp canvas

<template xlang="wxml" minapp="mpvue">
<canvas class="tki-qrcode-canvas" canvas-id="myCanvas" style="width: 375px;height: 1143px;"></canvas>
</template>

<script>
	import QRCode from "./qrcode.js"
	let qrcode
	export default {
		name: "tki-qrcode",
		
		data() {
			return {
				result: '',
				saveurl:''
			}
		},
		methods: {
			
			imagePath(url) {
			let that = this
			const ctx = uni.createCanvasContext("myCanvas", that);
			 ctx.width = 375;
			        ctx.height = 1143;
			ctx.drawImage(url, 0, 0, 375, 1143); // 绘制图片并改变尺寸
			console.log('绘制成功1',that.result)
			ctx.drawImage(that.result, 145, 960, 90, 90); // 绘制图片并改变尺寸
			ctx.draw(true, () => {
				uni.canvasToTempFilePath({
					canvasId: 'myCanvas',
					success: res => {
					that.saveurl=res.tempFilePath
						console.log('绘制成功', res.tempFilePath)
			
					}
				}, this);
			});

			
			},
			
			
		
		},
		
	}
</script>
<style>
	.tki-qrcode {
		position: relative;
		/* background: url('https://zckj-zscq.oss-cn-shenzhen.aliyuncs.com/bff76c283ea248e7974dc4e64be1f1f4.png') no-repeat ;
  background-size: 100% 100%; */
	}

	.tki-qrcode-canvas {
		position: fixed;
		top: -99999upx;
		left: -99999upx;
		z-index: -99999;
	}
</style>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

m0_46643843

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值