Canvas绘制基础

  //绘制像素点

  canvas.drawPoint(float x, float y, Paint paint);
  canvas.drawPoints(float[] pts, Paint paint);
  canvas.drawPoints(f float[] pts, int offset, int count, paint paint);

/**

x:像素点横坐标

y:像素点纵坐标

pts:多个像素点的坐标,元素个数必须是偶数,两个一组为一个像素点的横纵坐标

paint:用来设置像素点的大小,颜色等属性

offset:drawPoints可以取pts数组中的一部分连续元素作为像素点的坐标,通过该参数指定第一个要获取的元素位置,若要获取从第三个元素开始,则设置为2

count:要获得数组的元素个数,必为偶数

**/

for example:

protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  float[] pts = {1,2,3,4,5,6,7,8};
  int offset = 4;
  int count = pts.length-4;
  Paint paint = new Paint();
  paint.setColor(Color.BLUE);
  canvas.drawPoints(pts, offset, count, paint);
 }

//绘制线条和绘制像素点基本相同 像素点是两个float作为一组,而线条是四个float一组;

//绘制圆形

canvas.drawCircle(x, y, 20, paint); 横纵坐标ÿ

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Canvas绘制曲线可以使用曲线和弧线两种方式。曲线是由一系列的点连接而成,每个点都有相同的曲率。而弧线则是圆周上的一部分。在Canvas中,可以使用moveTo(x, y)和lineTo(x, y)方法来绘制曲线。例如,可以使用以下代码在Canvas绘制一个曲线图形: ```html <canvas width="600" height="300" id="cvs"></canvas> <script> var oCanvas = document.getElementById('cvs'); var ctx = oCanvas.getContext('2d'); ctx.moveTo(10, 100); for(var i = 10; i < 600; i++){ var x = i; var y = 10 * Math.cos(x/10) + 100; ctx.lineTo(x, y); } ctx.strokeStyle = "orangered"; ctx.stroke(); </script> ``` 这段代码使用了Math.cos()函数来计算每个点的y坐标,然后使用lineTo()方法将点连接起来,最后使用stroke()方法绘制出曲线。\[1\] 除了使用曲线,还可以使用贝塞尔曲线来绘制曲线。贝塞尔曲线是根据四个位置任意的点坐标绘制出的一条光滑曲线。在Canvas中,可以使用bezierCurveTo(dx1, dy1, dx2, dy2, x, y)方法来绘制贝塞尔曲线。例如,可以使用以下代码在Canvas绘制一个贝塞尔曲线: ```html <canvas width="600" height="300" id="cvs"></canvas> <script> var oCanvas = document.getElementById('cvs'); var ctx = oCanvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(50, 150); ctx.bezierCurveTo(100, 50, 200, 200, 250, 100); ctx.strokeStyle = "#FF0000"; ctx.lineWidth = 5; ctx.stroke(); </script> ``` 这段代码使用了bezierCurveTo()方法来绘制贝塞尔曲线,其中的参数分别表示控制点和终点的坐标。\[2\] 综上所述,Canvas可以使用曲线和贝塞尔曲线两种方式来绘制曲线图形。 #### 引用[.reference_title] - *1* *3* [canvas基础入门系列教程(5)-绘制曲线图形](https://blog.csdn.net/keledon/article/details/87114689)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [详述Canvas(四)/绘制曲线](https://blog.csdn.net/rentian1/article/details/78681655)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值