JS UI框架中canvas如何动态指定宽高

如题:

JS UI框架中canvas如何动态指定宽高?

在hml中动态绑定canvas宽高如下:

<canvas id="cropCanvas" style="width : {{canvasWidth}}px; height : {{canvasHeight}}px;background-color: darkgoldenrod;"></canvas>

canvasWidth和canvasHeight初始值为100;

然后将canvasWidth和canvasHeight值设置为200;

发现canvas的宽高虽然变化为200*200,但超出100*100的范围无法绘制,求破局。

鸿蒙
框架
HarmonyOS
2021-11-01 15:28:41
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Middleton

你可以在改变长宽时调用绘制图片的方法重新绘制图片,来修改图片的大小。

分享
微博
QQ
微信
回复
2021-11-02 09:39:23
相关问题
鸿蒙如何获取Element图片的
1693浏览 • 1回复 待解决
java如何获取屏幕。找不到api?
715浏览 • 1回复 待解决
鸿蒙UI框架没有 C++的 UI框架
6649浏览 • 2回复 待解决
鸿蒙js 如何使用动态style
2098浏览 • 1回复 待解决
js class类名动态绑定的问题?
261浏览 • 1回复 待解决
HarmonyOS应用开发 没有 C++ UI 框架
6457浏览 • 2回复 待解决
鸿蒙os的JS UI如何导入jquery
3003浏览 • 1回复 待解决
鸿蒙的JS UI如何获得当前组件的值?
908浏览 • 1回复 待解决
js canvas转base64编码图片不全
529浏览 • 1回复 待解决
js api select组件如何使用
1573浏览 • 2回复 已解决
如何js文件引入自定义js文件
1420浏览 • 1回复 待解决
JS swiper 怎么像list一样动态添加item?
999浏览 • 1回复 待解决