鸿蒙 ets 绘制正余弦

最新推荐文章于 2024-05-12 13:52:16 发布

臭宝guai

最新推荐文章于 2024-05-12 13:52:16 发布

阅读量256

点赞数

分类专栏： ets 文章标签：前端 javascript css ets

本文链接：https://blog.csdn.net/choubaoguai/article/details/125748535

版权

@Entry
@Component
struct Logo {
  private settings: RenderingContextSettings = new RenderingContextSettings(true);
  private ctx: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings);

  build() {
    Flex({ alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.ctx)
        .backgroundColor('#000000')
        .onReady(() => {
          let positionY = 100;
          let positionX = 10;
          let waveWith = 20;

          let waveStep = 0.1;
          let pi = Math.PI * 0;


          this.ctx.fillStyle="#FFFFFF";
          //        ctx.fillRect(0,0,400,300);
          this.ctx.strokeStyle="red";
          this.ctx.lineWidth=2;
          this.ctx.beginPath();
          //this.ctx.moveTo( positionX, positionY - waveWith);//sin的话，这里为ctx.moveTo(10,position);
          for( let i = 0; i < 40; i += waveStep ){ // x 应该等于canvas的