uni-app 利用canvas画简单海报并保存图片

最新推荐文章于 2024-09-27 18:46:35 发布

青田。

最新推荐文章于 2024-09-27 18:46:35 发布

阅读量2.4k

点赞数 4

分类专栏： uniapp vue 文章标签：前端 vue.js

本文链接：https://blog.csdn.net/Tianxiaoxixi/article/details/125465483

版权

一、效果图

二、代码

<template>
    <view class="canvas-box">
        <canvas  class="canvas" :style="{width:`${canvasData.image_Width}px;`,height:`${canvasData.image_Height}px;`}" canvas-id="canvasID"></canvas>
        <view class="footer">
            <view class="preservationBtn" @click="saveImage">保存到相册</view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                imgUrl: '',
                statusBarHeight: 0,
                avatar :'../../static/blue.webp', //头像地址
				erweima:'../../static/erweima.webp',//二维码
				canvasDat