已解决已解决的uni-app相关问题
已解决已解决的uni-app相关问题
信息类别 | 信息内容 |
---|---|
产品分类 | uniapp/App |
PC开发环境 | Windows |
PC版本号 | win10 |
HBuilderX | 正式 |
HBuilderX版本号 | 3.98 |
手机系统 | Android |
手机版本号 | Android 13 |
手机厂商 | 小米 |
手机机型 | 12sUltra |
页面类型 | vue |
Vue版本 | vue2 |
打包方式 | 云端 |
项目创建方式 | HBuilderX |
操作步骤:
无
预期结果:
无
实际结果:
无
bug描述:
已解决
2 回复
<view v-show="showCanvas" class="main_canvasBox">
<canvas
style="box-sizing: border-box; background: white"
canvas-id="hoCanvas"
id="hoCanvas"
:style="{ height: canvasHeight + 'px', width: canvasWidth + 'px' }"
></canvas>
<view class="main_canvasBox_btn">
<text @tap.stop.prevent="cancel">取消</text>
<text @tap.stop.prevent="download">保存</text>
</view>
</view>
<view v-show="showCanvas" class="main_zIndex"></view>
let canvas = this.canvas;
/* 图片获取成功才执行后续代码 */
this.canvasHeight = 548 * rpx;
this.canvasWidth = 348 * rpx;
canvas.drawImage("/static/bj.jpg", 0, 0, 348 * rpx, 548 * rpx);
console.log(348 * rpx, 548 * rpx);
canvas.draw(true, () => {
that.setData({
showCanvas: true,
});
});