美文网首页
canvas 的使用

canvas 的使用

作者: 一个铲屎的程序员 | 来源:发表于2018-12-02 19:38 被阅读0次

这是一个画板的意思 要配合paint (画笔)一起使用

首先创建出来画笔

paint.setStyle(Paint.Style.STROKE);   设置样式代表的是空心的  只有轮廓

paint.setStyle(Paint.Style.FILL); 设置样式代表的实心的,里面是有颜色的

mpaint.setAntiAlias(true); 支持抗锯齿

mpaint.setStrokeWidth(3);   设置的是线条的粗细

canvas 的具体使用

画圆 :

canvas .drawCircle(width/2,width/2,width/2-5,mpaint); 第一个是X轴的坐标,第二个是Y轴的坐标,第三个是半径 第四个是画笔

画扇形

在画扇形之前首先先创建一个类 RectF 来确定要画的区域

RectF rectF = new RectF(0,0,width,width);

canvas.drawArc(扇形的区域,开始角度,角度,是否显示圆心,画笔)

设置字到扇形

mpaint.setTextSize(24);设置画笔的字体大小

先创建一个path 

Path path =new Path();

给path 添加属性

path.addArc(位置,开始的角度,每组字占的角度);

写字

canvas.drawTextOnPath(所要写的字,path,50,50,画笔);

在Canvas 中添加点击事件

1.先实现点击监听方法

2.在方法中实现就好了

点击旋转随机数

Random random =new Random();

//        获取旋转的随机数

        int dul = random.nextInt(1000);

//        第一个开始的角度 ,第二个 结束的角度,

        RotateAnimation rotateAnimation =new RotateAnimation(startjd,dul+360,width/2,width/2);

rotateAnimation.setDuration(1000);

rotateAnimation.setFillAfter(true);

startAnimation(rotateAnimation);

//        动画结束后保存结束的位置,在下次的时候就不回到原来的位置

        startjd =dul%360;

//        Toast.makeText(mcontext,"点击了一下",Toast.LENGTH_SHORT).show();

相关文章

  • 2019新年签

    使用到的插件 html2canvas 首先 布局,然后使用html2canvas 生成canvas,使用canv...

  • js相关html转canvas,canvas转pdf

    html转canvas html2canvas 安装 简单使用 拓展使用 canvas转pdf jsPDF 安装 ...

  • 【微信小程序】canvas is empty

    问题:使用canvas时,报错:canvas is empty原因:因为创建canvas对象时,canvas还未加...

  • 使用 Canvas 制作时钟

    如果你还不会 canvas 请参我的文章: Canvas 使用指南和几个套路 其实已经使用 canvas 写了好几...

  • Canvas

    一、初识canvas canvas画布默认宽高是 300 * 150 px canvas宽高要使用canvas标签...

  • JavaScript Uncaught SyntaxError:

    在使用 canvas 时,为了判断 canvas 中的 getContext 方法是否存在,就使用了常用的 if ...

  • canvas实例

    使用原生canvas做钟表实例 使用canvas库做钟表实例 太阳系实例

  • canvas浅尝

    简单了解canvas 1.什么是canvas HTML5 的 canvas 元素使用 JavaScript 在网页...

  • canvas学习一

    一、什么是canvas? canvas 是 HTML5 的标签元素,使用 JavaScript 在canvas里绘...

  • 小程序canvas实现签名

    这里使用获取canvas节点实现的,最新的api,小程序将canvas中的api变成了h5中使用canvas的那中...

网友评论

      本文标题:canvas 的使用

      本文链接:https://www.haomeiwen.com/subject/uzcscqtx.html