陌上华年
陌上华年
  • 发布:2021-02-07 17:21
  • 更新:2021-03-11 14:33
  • 阅读:1009

【报Bug】canvas canvasToTempFilePath方法高度受限!!!

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.2

浏览器平台: Chrome

浏览器版本: 88.0.4324.104

项目创建方式: HBuilderX

操作步骤:
<template>  
    <view class="page">  
        <view>canvas:</view>  
        <canvas canvas-id="cnavas" style="width: 300px;":style="'height:' + height + 'px'"></canvas>  
        <view>图片:</view>  
        <image :src="path" mode="widthFix"></image>  
    </view>  
</template>
export default {  
    data: () => ({  
        path: '',  
        height: 320  
    }),  

    created() {},  
    mounted() {  
        var context = uni.createCanvasContext('cnavas');  
        context.setStrokeStyle('#00ff00');  
        context.setLineWidth(5);  
        context.rect(0, 0, 200, this.height-10);  
        context.stroke();  
        context.setStrokeStyle('#ff0000');  
        context.setLineWidth(2);  
        context.moveTo(160, 100);  
        context.arc(100, 100, 60, 0, 2 * Math.PI, true);  
        context.moveTo(140, 100);  
        context.arc(100, 100, 40, 0, Math.PI, false);  
        context.moveTo(85, 80);  
        context.arc(80, 80, 5, 0, 2 * Math.PI, true);  
        context.moveTo(125, 80);  
        context.arc(120, 80, 5, 0, 2 * Math.PI, true);  
        context.stroke();  
        context.draw();  
        setTimeout(this.canvasToTempFilePath, 300)  
    },  
    methods: {  
        canvasToTempFilePath() {  
            uni.canvasToTempFilePath({  
              x: 0,  
              y: 0,  
              width: 300,  
              height: this.height,  
              canvasId: 'cnavas',  
              success: (res) => {  
                this.path = res.tempFilePath  
              }   
            })  
        }  
    }  
};

预期结果:

生成完整的图片

实际结果:

无法生成完整图片

bug描述:

使用canvasToTempFilePath生成的图片不能超过310..超过了也只有310的范围。。
如图::

2021-02-07 17:21 负责人:无 分享
已邀请:
万商软件

万商软件

官方大大们解决下这个BUG

万商软件

万商软件

2.9.8 版本还好的,3.1.2就出问题了

万商软件

万商软件

HBuilderX.3.0.7 也是好的

DCloud_UNI_LXH

DCloud_UNI_LXH

问题已确认,已加分,下版修复

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 3.1.3 alpha 已修复

s***@126.com

s***@126.com

我3.1.4为什么还有这个问题

该问题目前已经被锁定, 无法添加新回复