canvas画图小测试

最新推荐文章于 2025-09-30 05:43:43 发布

原创最新推荐文章于 2025-09-30 05:43:43 发布 · 235 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

js 专栏收录该内容

19 篇文章

订阅专栏

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

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()
           },