HarmonyOS 关于canvas中 动态设置lineto

HarmonyOS
2024-12-18 15:46:59
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa
@Entry
@Component
struct CanvasDemo {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  @State @Watch('draw')content: string = ""

  draw() {
    this.context.clearRect(0, 0, 200, 200) // 清理画布内容
    this.context.fillText(this.content, 50, 50) // 重新填充
  }

  build() {
    Column() {
      Canvas(this.context)
        .width('100%')
        .height('25%')
        .backgroundColor('#F5DC62')
        .onReady(() => {
          //可以在这里绘制内容。
          this.context.font = '55px sans-serif'
          this.context.fillText(this.content, 50, 50)
        })
      TextInput({
        text:$$this.content
      })
    }
    .borderColor('#31525B')
    .borderWidth(12)
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-18 16:56:29
相关问题
HarmonyOS Canvas关于绘制图片问题
647浏览 • 1回复 待解决
JS UI框架canvas如何动态指定宽高
7365浏览 • 1回复 待解决
Canvas绘制内容如何动态更新
2246浏览 • 1回复 待解决
HarmonyOS Canvas如何设置圆角
359浏览 • 1回复 待解决
HarmonyOS 关于Web的动态创建
563浏览 • 1回复 待解决
HarmonyOS关于AXIOS动态传参数问题
1002浏览 • 1回复 待解决
关于动态创建的组件销毁问题
555浏览 • 1回复 待解决
HarmonyOS 动态设置json的key
303浏览 • 1回复 待解决
HarmonyOS Canvas设置渐变色没有效果
467浏览 • 1回复 待解决
Canvas画的时候,怎么设置画笔颜色
898浏览 • 1回复 待解决
有没有给canvas设置ColorFilter的方法?
851浏览 • 1回复 待解决
HarmonyOS 自定义设置动态壁纸
546浏览 • 1回复 待解决
Canvas深色/浅色主题切换
901浏览 • 1回复 待解决
HarmonyOS ListItem侧滑菜单动态设置
437浏览 • 1回复 待解决
HarmonyOS 动态设置状态栏颜色
476浏览 • 1回复 待解决