<template>
<canvas :style="size" canvas-id="cid"></canvas>
</template>
<script>
export default {
data() {
return {
size: {
width: '750px',
height: '500px'
},
ctx: null
}
},
mounted() {
this.ctx = uni.createCanvasContext('cid', this)
setTimeout(()=> {
const ctx = this.ctx
const window = uni.getWindowInfo()
const width = window.windowWidth
this.size.width = width + 'px'
// this.size.height = 150 * list.length + 20 + 'px'
this.size.height = 1000 +'px'
ctx.draw()
}, 1000);
}
}
</script>
<style lang="scss">
canvas {
position: absolute;
left: 0;
border: 1px solid;
top: 0rpx;
z-index: -1;
// transform: translateX(-100%);
}
</style>
1***@qq.com
- 发布：2023-03-10 11:14
- 更新：2023-03-13 14:38
- 阅读：351
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.0
HBuilderX类型： 正式
HBuilderX版本号： 3.6.18
手机系统： Android
手机系统版本号： Android 12
手机厂商： 华为
手机机型： 华为mate40pro
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
在自定义组件mounted无法动态修改canvas尺寸
在自定义组件mounted无法动态修改canvas尺寸
预期结果：
在自定义组件mounted无法动态修改canvas尺寸
在自定义组件mounted无法动态修改canvas尺寸
实际结果：
在自定义组件mounted无法动态修改canvas尺寸
在自定义组件mounted无法动态修改canvas尺寸
bug描述：
App端 动态修改canvas尺寸不生效
2 个回复
1***@qq.com (作者)
没人吗？？？？
YUANRJ
感谢反馈，后续修复，可以先赋值整个对象临时解决