小程序
小游戏
企业微信
微信支付
扫描小程序码分享
问题如下,灰色区域为我设定的canvas的区域
当我绘制红房子这张图的时候设定了100,100的大小
实际这个红房子的大小是48x48,也是个正方形,但是在模拟器上显示的确实一个长方形一样的结果,请问是哪里出了问题呢?
这个是我的wxml文件 我给canvasBg设定了一个固定宽高,是562rpx和700rpx,所以canvas的宽高我写的是100%
这个是我弹出这个界面的回调函数
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
canvas style里面不要设置百分比,你设置一个高200px 宽200px的试试
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
canvas2d = res[0].node
et ctx = this.canvas2d.getContext('2d')
const dpr = uni.getSystemInfoSync().pixelRatio
canvas2d.width = res[0].width * dpr
canvas2d.height = res[0].height * dpr
ctx.scale(dpr, dpr)
要在这里设置画布的宽高 , 要不然默认300*150 , 所以宽度就一半了
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
canvas style里面不要设置百分比,你设置一个高200px 宽200px的试试
canvas2d = res[0].node
et ctx = this.canvas2d.getContext('2d')
const dpr = uni.getSystemInfoSync().pixelRatio
canvas2d.width = res[0].width * dpr
canvas2d.height = res[0].height * dpr
ctx.scale(dpr, dpr)
要在这里设置画布的宽高 , 要不然默认300*150 , 所以宽度就一半了