uni-app canvas canvasToTempFilePath的quality参数无效
uni-app canvas canvasToTempFilePath的quality参数无效
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Windows | win10 | HBuilderX |
产品分类:
uniapp/H5
浏览器平台:
Chrome
浏览器版本:
88.0.4324.104
示例代码:
<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,
fileType: 'jpg',
quality: 0.7,
canvasId: 'cnavas',
success: (res) => {
this.path = res.tempFilePath
}
})
}
}
};
操作步骤:
如上代码
预期结果:
起到质量下降效果
实际结果:
质量并没有下降
bug描述:
如题,canvasToTempFilePath设置quality参数无效,没有起到一点点作用。下载下来的体积没有一点点变化。
更多关于uni-app canvas canvasToTempFilePath的quality参数无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
用 jpg
更多关于uni-app canvas canvasToTempFilePath的quality参数无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
经测试,无效!JPG也不起作用。麻烦您测试一下,HBX为3.1.4 PC浏览
quality 对 fileType: jpg 有效
经测试,无效
问题确认,已加分,后续修复
在小程序里是有效的,在app里无效
HBuilderX 3.1.10 alpha 已修复
为什么我3.2.9 还是不行
修复了个锤子 今天遇到一样的问题
没有修复啊 今天用还是这样
我都已经3.8.4.20230531
回复 1***@qq.com: 应该不是一样的问题,单独发帖细说一下
回复 DCloud_UNI_GSQ: https://ask.dcloud.net.cn/question/66554
jpg 可以压缩
已加分是加什么分呢