<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<canvas id="mycanvas" width="600" height="600" style="border:1px solid blue;"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("mycanvas");
var context = canvas.getContext("2d");
context.beginPath(); //大圆
context.arc(250,250,100,0,Math.PI*2,true);
context.fillStyle="yellow";
context.fill();
context.stroke();
context.closePath(); //左眼睛
context.beginPath();
context.arc(200,220,15,0,Math.PI,true);
context.stroke();
context.closePath(); //右眼睛
context.beginPath();
context.arc(300,220,15,0,Math.PI,true);
context.stroke();
context.closePath(); //嘴巴
context.beginPath();
context.arc(250,260,55,0,Math.PI,false);
context.fillStyle="white";
context.fill();
context.closePath();
context.stroke(); //以下都是牙齿
context.beginPath();
context.moveTo(210,260);
context.lineTo(210,296);
context.stroke();
context.closePath(); context.beginPath();
context.moveTo(230,260);
context.lineTo(230,310);
context.stroke();
context.closePath(); context.beginPath();
context.moveTo(250,260);
context.lineTo(250,315);
context.stroke();
context.closePath(); context.beginPath();
context.moveTo(270,260);
context.lineTo(270,312);
context.stroke();
context.closePath(); context.beginPath();
context.moveTo(290,260);
context.lineTo(290,298);
context.stroke();
context.closePath();
</script>
</body>
</html>

效果图:

aaarticlea/png;base64,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" alt="" />

HTML canvas 笑脸的更多相关文章

  1. 自定义控件之Canvas图形绘制基础练习-青春痘笑脸^_^

    对于自定义控件的意义不言而喻,所以对它的深入研究是很有必要的,前些年写过几篇关于UI效果的学习过程,但是中途比较懒一直就停滞了,而对于实际工作还是面试来说系统深入的了解自定义控件那是很有必要的,所以接 ...

  2. canvas画笑脸

    <style> body {   background: black;   text-align: center; } #cans {   background: white; } < ...

  3. canvas小结

    前段时间在公司没什么事干,研究了一下canvas,在实际开发中还没正式应用过,但是已经深深感觉到其魅力之处.下面写一写我认为canvas中比较重要的点,如有理解错误,欢迎指正. 首先canvas是h5 ...

  4. 相识HTML5 canvas

    Canvas是HTML的API,我们可以用它在网页中实时的来生成图像. 文章导读 1.必备技能 2.用于画图的函数 例子: -会话气泡-    -心形-    -钟表-      -星球里的星星- - ...

  5. 让自己也能使用Canvas

    <canvas> 是 HTML5 新增的元素,可使用JavaScript脚本来绘制图形.例如:画图,合成照片,创建动画甚至实时视频处理与渲染. 兼容性方面,除了一些骨灰级浏览器IE6.IE ...

  6. Canvas绘制图形

    1.Canvas绘制一个蓝色的矩形 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  7. 简介 jCanvas:当 jQuery遇上HTML5 Canvas

    https://github.com/caleb531/jcanvas HTML5 可以直接在你的网页中使用 <canvas> 元素及其相关的 JavaScript API绘制的图形. 在 ...

  8. Android利用canvas画各种图形(点、直线、弧、圆、椭圆、文字、矩形、多边形、曲线、圆角矩形) .

    1.首先说一下canvas类: Class Overview The Canvas class holds the "draw" calls. To draw something, ...

  9. canvas初体验之基本线条

    有的时候我们打开一些网站,可以看到背景是闪烁的星空或者是有一些可以与鼠标交互的线条等等,此酷炫的效果就是用到了html5的canvas效果. 首先来认识一下h5新增的标签的写法<canvas&g ...

随机推荐

  1. win10*64+vs2015+opencv3.0工程模板配置

    参考网上的资料,自己再次整合一下,为新手提供个方便,也为自己备份. 一.下载安装opencv3.0 1.首先下载opencv3.0的包(windows版本的) 2.安装opencv,路径自己选好,自动 ...

  2. C语言初探

    1.C语言在屏幕上显示内容 我们有两种方式从计算机获得信息:一是看屏幕上的文字.图片.视频等,二是听从喇叭发出来的声音.   让喇叭发出声音目前还比较麻烦,我们先来看看如何在屏幕上显示一些文字吧.例如 ...

  3. spring学习之spring 插件 for eclipse

    1) 在公司一直使用固定的eclipse IDE版本3.3 确实太out了. eclipse官方网址:http://download.eclipse.org  奇怪的是eclipse 发布的版本顺序是 ...

  4. C#使用Xamarin开发可移植移动应用(3.Xamarin.Views控件)附源码

    前言 系列目录 C#使用Xamarin开发可移植移动应用目录 源码地址:https://github.com/l2999019/DemoApp 可以Star一下,随意 - - 说点什么.. .NET ...

  5. salesforce 替代默认生成pdf页面方式

    salesforce默认的pdf页面只能设置Arial Unicode MS字体,而该字体默认的中文是日本字符,目前看来没办法设置成标准的中文字符,导致一些字看起来是不对的.如下图:(将确骨写) 这样 ...

  6. HTML5的三种存储方式以及区别

    首先将存储方式前要先知道为什么要使用他:一是利用本地数据,介绍网络请求:二是弱网环境下,高延迟,低带宽,要把数据本地化: 1.本地存储localStorage和sessionStorage 介绍: 存 ...

  7. Hadoop集群时间同步

    0x01 ntp安装 检查时间服务器是否安装 # rpm -q ntp ntp-4.2.4p8-2.el6.x86_64 // 这表示已安装了,如果没有安装,这是空白. //如果没有安装,我们按照下 ...

  8. Kotlin 初窥门径[2]:流程控制

    流程控制语句是编程语言中的核心之一.可以分为分支语句.循环语句和跳转语句.本文将详细介绍一下 Kotlin 中的流程控制语句. If 表达式 在Kotlin中一切都是表达式,也就是说一切都返回一个值. ...

  9. java 序列化 serialVersionUID 的作用 和 两种添加方式

    serialVersionUID适用于Java的序列化机制.简单来说,Java的序列化机制是通过判断类的serialVersionUID来验证版本一致性的.在进行反序列化时,JVM会把传来的字节流中的 ...

  10. Orleans—一些概念

    Orleans-一些概念 这是Orleans系列文章中的一篇.首篇文章在此 这个文章聊一聊Orleans的概念.以下文章大部分翻译自官方教程,还有一些结合实际的应用经验,并对以前文章留下的坑进行填平. ...