canvas画图小测试

最新推荐文章于 2024-08-06 08:56:51 发布

一天一天来一趟

最新推荐文章于 2024-08-06 08:56:51 发布

阅读量210

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/zou__qi/article/details/106282376

版权

js 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍使用uni-app中的画布API进行复杂图形绘制的方法，包括设置线条颜色、宽度，填充颜色，以及如何通过一系列的moveTo和lineTo指令来绘制特定形状。此外，还介绍了如何调整画布的比例，实现图形的缩放效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

conteFunt(code){
               var context = uni.createCanvasContext('firstCanvas')
               context.setStrokeStyle('#FFFFFF') //线色
               context.setLineWidth(1) //线宽
               context.moveTo(7,1)
               context.lineTo (7,0)
               context.lineTo (7,8)
               context.lineTo (9,8)
               context.lineTo (6,11)
               context.lineTo (3,8)
               context.lineTo (5,8)
               context.lineTo (5,1)
               context.setFillStyle(code) //背景色
               context.scale(10,18) //比例
               context.fill()
               context.stroke()
               context.draw()
           },