java画笑脸_canvas 画笑脸

一个非常有用的函数，而这个函数实际上并不能画出任何东西，也是上面所描述的路径列表的一部分，这个函数就是moveTo()

。或者你可以想象一下在纸上作业，一支钢笔或者铅笔的笔尖从一个点到另一个点的移动过程。

moveTo(x, y)

将笔触移动到指定的坐标x以及y上。

当canvas初始化或者beginPath()

调用后，你通常会使用moveTo()

函数设置起点。我们也能够使用moveTo()

绘制一些不连续的路径。看一下下面的笑脸例子。我将用到moveTo()

方法(红线处)的地方标记了。

你可以尝试一下，使用下边的代码片。只需要将其复制到之前的draw()

函数即可。

var canvas = document.querySelector("canvas");

if (canvas.getContext) {

var ctx = canvas.getContext('2d');

ctx.beginPath();

// arc(x, y, radius, startAngle, endAngle, anticlockwise)

// 画一个以(x,y)为圆心的以radius为半径的圆弧(圆)，从startAngle开始到endAngle结束，按照anticlockwise给定的方向(默认为顺时针)来生成。

// 圆心点 75，75 半径50 起始角度 0 角度Math.PI*2代表360度 true逆时针

ctx.arc(75,75,50,0,Math.PI*2,true); // 绘制

ctx.moveTo(110,75);

ctx.arc(75,75,35,0,Math.PI,false);

ctx.moveTo(65,65);

ctx.arc(60,65,5,0,Math.PI*2,true);

ctx.moveTo(95,65);

ctx.arc(90,65,5,0,Math.PI*2,true);

ctx.stroke();

}

效果

想看到连线的效果可以去掉代码中的moveTo();

有联系你的效果

java画笑脸_canvas 画笑脸相关推荐

java画笑脸_canvas画笑脸
body { background: black; text-align: center; } #cans { background: white; } window.οnlοad=function( ...
用python和html5在画布上画个车子和笑脸
画汽车 python提供了tutle(海龟)模块.这个模块提供了编写向量图的方法,基本上就是画直线,点和曲线. 海龟是怎样工作的,首先让python导入turtle模块. import turtle ...
怎么用python画个电脑_python语言还是java如何用python画爱心
用python绘制爱心的基本步骤如下: 002pc.com对<python语言还是java如何用python画爱心>总结来说,为我们学习Python很实用. 首先先下载安装好python程 ...
python语言画心_python语言还是java如何用python画爱心
用python绘制爱心的基本步骤如下: 002pc.com对<python语言还是java如何用python画爱心>总结来说,为我们学习Python很实用. 首先先下载安装好python程 ...
java实现画笔的画圆与矩形功能_Java实现画线、矩形、椭圆、字符串功能
此文讲述了Java实现画线.矩形.椭圆.字符串功能的实例代码.推荐给大伙学习一下,内容如下: import java.awt.Frame; import java.awt.Graphics; impo ...
java画板中画直线_java实现画图板上画一条直线
目标:在画图板上画一条直线,供大家参考,具体内容如下一.首先需要建立一个界面过程:1.创建界面对象(Java语言中已经有,可直接创建对象来使用). 2.对于一个界面,我们需要设置它的大小.居中.界 ...
Java第六课——画图板
Java第六课--画图板这节课画一个画图板,可以画线画圆,还可以通过递归画出好看的图案如:谢尔宾斯基三角形,康托尔方形集,甚至立体图门格海绵. 首先创建一个窗体.定义一个类和一个方法. public ...
Java 从零开始实现一个画图板、以及图像处理功能，代码可复现
Java 从零开始实现一个画图板.以及图像处理功能,代码可复现这是一个学习分享博客,带你从零开始实现一个画图板.图像处理的小项目,为了降低阅读难度,本博客将画图板的一步步迭代优化过程展示给读者,篇幅 ...
java虚线_Java中菜单的实现以及画实线与画虚线之间的自由转化
1.Java画线 1 import java.awt.Color; import java.awt.Container; import java.awt.Graphics; import java.a ...

java画笑脸_canvas 画笑脸

java画笑脸_canvas 画笑脸相关推荐

最新文章

热门文章