当前位置:   article > 正文

Canvas的超基础绘制_canvas.drawcolor

canvas.drawcolor

绘制颜色

canvas.drawColor(Color.YELLOW);
  • 1

在这里插入图片描述

绘制实心圆

 canvas.drawCircle(300,300,200,paint);
/*
CX		要绘制的圆的中心的x坐标
CY		要绘制的圆的中心的y坐标
半径	要绘制的圆的半径
paint	用于绘制圆圈的油漆
 */
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

在这里插入图片描述

绘制空心圆

       paint.setStrokeWidth(15);
       paint.setStyle(Paint.Style.STROKE);

        /*
        FILL                将填充使用此样式绘制的几何和文本,忽略绘画中与笔划相关的所有设置。
        FILL_AND_STROKE 	使用此样式绘制的几何和文本将同时填充和描边,尊重绘画中与笔划相关的字段。
        STROKE 	            使用此样式绘制的几何和文本将被描边,尊重绘画上与笔划相关的字段。
        */
        canvas.drawCircle(900,300,200,paint);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

在这里插入图片描述

绘制矩形

canvas.drawRect(300,600,700,800,paint);
/*
left	要绘制的矩形的左侧
top	    要绘制的矩形的顶部
right	要绘制的矩形的右侧
bottom	要绘制的矩形的底边
paint	用于绘制矩形的油漆
*/
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

在这里插入图片描述

绘制方点、圆点

	    paint.setStrokeCap(Paint.Cap.ROUND);
        paint.setStrokeWidth(120);
        canvas.drawPoint(200,200,paint);

        paint1.setStrokeCap(Paint.Cap.BUTT);
        paint1.setStrokeWidth(120);
        canvas.drawPoint(600,200,paint1);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

在这里插入图片描述

绘制椭圆

canvas.drawOval(100,300,800,700,paint);
  • 1

在这里插入图片描述

绘制直线

  canvas.drawLine(100,100,700,700,paint);
  • 1

在这里插入图片描述

绘制圆角矩形

        canvas.drawRoundRect(100,100,500,300,50,50,paint);
        /*
        RX	用于围绕角落的椭圆的x半径
        RY	椭圆的y半径用于绕角
        */
  • 1
  • 2
  • 3
  • 4
  • 5

在这里插入图片描述

绘制扇形、弧形

        canvas.drawArc(200, 100, 800, 500, -110, 100, true, paint); // 绘制扇
        canvas.drawArc(200, 100, 800, 500, 20, 140, false, paint); // 绘制弧
        paint.setStyle(Paint.Style.STROKE); // 画线模式
        canvas.drawArc(200, 100, 800, 500, 180, 60, false, paint);// 绘制弧
  • 1
  • 2
  • 3
  • 4

在这里插入图片描述

绘制心形

	    Path path = new Path();        
        path.addArc(200, 200, 400, 400, -225, 225);
        path.arcTo(400, 200, 600, 400, -180, 225, false);
        path.lineTo(400, 542);

        canvas.drawPath(path, paint); // 绘制出 path 描述的图形(心形)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/254472
推荐阅读
相关标签
  

闽ICP备14008679号