HarmonyOS Canvas的context设置旋转90度,会导致图形不显示

HarmonyOS Canvas的context设置旋转90度,会导致图形不显示。

HarmonyOS
2024-10-14 09:49:26
1028浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

旋转canvas的时候是将整个画布绕左上角旋转90度所以就转到屏幕外面去了。

代码示例:

// xxx.ets  
@Entry  
@Component  
struct DrawImage {  
  private settings: RenderingContextSettings = new RenderingContextSettings(true)  
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)  
  private offCanvas: OffscreenCanvas = new OffscreenCanvas(100, 100)  
  build() {  
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {  
      Canvas(this.context)  
        .width('100%')  
        .height('100%')  
        .backgroundColor('#ffff00')  
        .onReady(() => {  
          let path = new Path2D();  
          path.rect(0, 0, 100, 100);  
          this.context.translate(this.context.width / 2, this.context.height / 2);  
          this.context.rotate(Math.PI / 2);  
          this.context.fill(path);  
        })  
    }  
    .width('100%')  
    .height('100%')  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
分享
微博
QQ
微信
回复
2024-10-14 16:00:37
相关问题
HarmonyOS转屏后视频画面90显示
1198浏览 • 1回复 待解决
如何设置swiper指示器不显示
1541浏览 • 1回复 待解决
Canvas 中 fillText 如何旋转角度
1212浏览 • 1回复 待解决
HarmonyOS CustomDialogController 不显示
1223浏览 • 1回复 待解决
HarmonyOS RelativeContainer内控件不显示
599浏览 • 1回复 待解决
HarmonyOS toast不显示问题
724浏览 • 1回复 待解决
HarmonyOS webloadData不显示内容
610浏览 • 1回复 待解决
使用Drawing实现图形绘制与显示
1805浏览 • 1回复 待解决
HarmonyOS 应用图标不显示
975浏览 • 1回复 待解决
HarmonyOS Web组件不显示图片
683浏览 • 1回复 待解决
HarmonyOS push通知不显示图片
649浏览 • 1回复 待解决