canvas教程

Canvas的常见用法(3)

字号+ 作者:H5之家 来源:H5之家 2017-08-28 15:00 我要评论( )

参数说明 char[] text:要绘制的文字数组int index::第一个要绘制的文字的索引int count:要绘制的文字的个数,用来算最后一个文字的位置,从第一个绘制的文字开始算起float[] pos:每个字体的位置,同样两两一组

参数说明

char[] text:要绘制的文字数组 int index::第一个要绘制的文字的索引 int count:要绘制的文字的个数,用来算最后一个文字的位置,从第一个绘制的文字开始算起 float[] pos:每个字体的位置,同样两两一组,如{x1,y1,x2,y2,x3,y3……} float []pos=new float[]{80,100, 100,200, 120,300, 140,400}; canvas.drawPosText("1234", pos, paint);



··

沿路径绘制

void drawTextOnPath (String text, Path path, float hOffset, float vOffset, Paint paint) void drawTextOnPath (char[] text, int index, int count, Path path, float hOffset, float vOffset, Paint paint)

参数说明:

float hOffset : 与路径起始点的水平偏移距离 float vOffset : 与路径中心的垂直偏移量 String string = "测试文字偏移的参数"; Path circlePath = new Path(); circlePath.addCircle(220, 200, 100, Path.Direction.CCW); canvas.drawPath(circlePath, paint_red);//绘制出路径原形 Path circlePath2 = new Path(); circlePath2.addCircle(550, 200, 100, Path.Direction.CCW); canvas.drawPath(circlePath2, paint_red);//绘制出路径原形 paint_green.setTextSize(30); //hoffset、voffset参数值全部设为0,看原始状态是怎样的 canvas.drawTextOnPath(string, circlePath, 0, 0, paint_green); //第二个路径,改变hoffset、voffset参数值 canvas.drawTextOnPath(string, circlePath2, 80, 30, paint_green);


常用的基本介绍差不多了,还有诸如:

  • drawBitmapMesh:只对绘制的Bitmap作用,使其变形
  • drawVertices:使得画布变形
  • 参考文章:
  • https://github.com/GcsSloop/AndroidNote/blob/master/CustomView/Advance/[2]Canvas_BasicGraphics.md
  •  

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例

      HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例

      2017-08-28 15:02

    • 属性、定义及方法(学习笔记)

      属性、定义及方法(学习笔记)

      2017-08-28 14:03

    • (89)Canvas(续) · Qt 学习之路 2 · 看云

      (89)Canvas(续) · Qt 学习之路 2 · 看云

      2017-08-28 14:03

    • html5 canvas掷骰子(简单,学习基础canvas)

      html5 canvas掷骰子(简单,学习基础canvas)

      2017-08-28 14:03

    网友点评
    >