#鸿蒙通关秘籍#如何在Canvas上绘制不规则的五边形?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
CPU风中琴

不规则形状可以通过Path2D对象构造,利用moveTolineTo方法定义路径。通过closePath()方法闭合路径,然后使用fillstroke方法进行绘制。 bash @Entry @Component struct Path2dExample { private settings: RenderingContextSettings = new RenderingContextSettings(true) private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)

build() { Canvas(this.context) .width('100%') .height('100%') .backgroundColor('#F5DC62') .onReady(() => { let path = new Path2D() path.moveTo(150, 50) path.lineTo(50, 150) path.lineTo(100, 250) path.lineTo(200, 250) path.lineTo(250, 150) path.closePath()

    this.context.fillStyle = '#0097D4'
    this.context.fill(path)
  })

} }

分享
微博
QQ
微信
回复
2天前
相关问题
视频列表不规则排列
682浏览 • 1回复 待解决
编写一个页面,实现不规则列表
764浏览 • 1回复 待解决
如何操作canvas重新绘制
1072浏览 • 1回复 待解决
Canvas绘制内容如何动态更新
1591浏览 • 1回复 待解决
Canvas如何触发刷新重复绘制
926浏览 • 1回复 待解决
如何使用canvas绘制圆角矩形
524浏览 • 1回复 待解决
canvas怎么绘制资源目录下图片
648浏览 • 1回复 待解决
Canvas如何绘制app.media下面的图片?
2335浏览 • 1回复 待解决
HarmonyOS Canvas中关于绘制图片问题
354浏览 • 1回复 待解决