canvas绘制笑脸

HTML5用canvas绘制一个笑脸

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><canvas id='my' width = "600" height = "600"></canvas><script>var canvas = document.getElementById('my');canvas.style.border = '2px solid black';var ggk = canvas.getContext('2d');ggk.beginPath();ggk.lineWidth = 8;ggk.strokeStyle = 'darkgrey';ggk.arc(300,300,280,0,2*Math.PI,true);ggk.stroke();ggk.beginPath();ggk.linewidth = 2;ggk.strokeStyle = 'darkgrey';ggk.fillStyle = 'darkgrey';ggk.arc(150,200,30,0,2*Math.PI,true);ggk.stroke();ggk.fill();ggk.beginPath();ggk.linewidth = 2;ggk.strokeStyle = 'darkgrey';ggk.fillStyle = 'darkgrey';ggk.arc(450,200,30,0,2*Math.PI,true);ggk.stroke();ggk.fill();ggk.beginPath();ggk.linewidth = 2;ggk.strokeStyle = 'black';ggk.fillStyle = 'black';ggk.arc(150,200,12,0,2*Math.PI,true);ggk.stroke();ggk.fill();ggk.beginPath();ggk.linewidth = 2;ggk.strokeStyle = 'black';ggk.fillStyle = 'black';ggk.arc(450,200,12,0,2*Math.PI,true);ggk.stroke();ggk.fill();ggk.beginPath();ggk.linewidth = 2;ggk.strokeStyle = 'darkgrey';ggk.fillStyle = 'darkgrey';ggk.arc(300,300,30,0,2*Math.PI,true);ggk.stroke();ggk.fill();ggk.beginPath();ggk.strokeStyle = 'black';ggk.lineWidth = 10;ggk.moveTo(100,350);ggk.quadraticCurveTo(200,500,450,380);ggk.closePath();ggk.stroke();</script></body>
</html>

canvas绘制笑脸相关推荐

用html语言编写笑脸,怎么使用HTML5中的Canvas绘制笑脸
怎么使用HTML5中的Canvas绘制笑脸发布时间:2021-02-26 09:33:14 来源:亿速云阅读:75 作者:清风这篇"怎么使用HTML5中的Canvas绘制笑脸" ...
php代码输出笑脸,利用HTML5中的Canvas绘制笑脸的代码
这篇文章主要介绍了利用HTML5中的Canvas绘制一张笑脸的教程,使用Canvas进行绘图是HTML5中的基本功能,需要的朋友可以参考下今天,你将学习一项称为Canvas(画布)的web技术,以及 ...
使用canvas绘制笑脸
笑脸示例代码: <template><div class="div"><canvas id="tutorial3" width=& ...
canvas 绘制笑脸、哭脸
html文件如下: <!DOCTYPE html> <html><head><meta charset="UTF-8"><ti ...
【Canvas】canvas绘制emoji笑脸
学习记录 HTML 学习记录利用canvas绘制emoji笑脸一.Canvas 二.步骤效果图利用canvas绘制emoji笑脸一.Canvas HTML5 的 canvas 元素使用 Ja ...
两种方法绘制笑脸（需要用到canvas标签）
两种方法绘制笑脸(需要用到canvas标签) 方法一: <!DOCTYPE html> <html><head lang="en"><me ...
php代码画表情包,canvas绘制表情包的示例代码
本文介绍了canvas绘制表情包的示例代码,分享给大家,具体如下: 绘制卡通笑脸 var canvas = document.getElementById('canvas'); var context ...
使用 JavaScript 在网页上绘制笑脸
记自己用JS画了一个丑丑的笑脸 1.定义canvas 在html中定义canvas: <canvas id="mycanvas" width="500" ...
canvas绘制的文字如何换行
<html><head><title>canvas绘制的文字如何换行</title><style type="text/css" ...

canvas绘制笑脸

HTML5用canvas绘制一个笑脸

canvas绘制笑脸相关推荐

最新文章

热门文章