canvas笔记-closePath函数的使用（含例子）

如下代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<canvas id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;">当前浏览器不支持Canvas，请更换浏览器后再试
</canvas><script>window.onload = function(){let canvas = document.getElementById("canvas");canvas.width = 800;canvas.height = 800;let context = canvas.getContext("2d");context.lineWidth = 10;context.beginPath();context.moveTo(100, 200);context.lineTo(300, 400);context.lineTo(100, 600);context.strokeStyle = "red";context.closePath();context.stroke();}
</script></body>
</html>

运行截图如下：

修改代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<canvas id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;">当前浏览器不支持Canvas，请更换浏览器后再试
</canvas><script>window.onload = function(){let canvas = document.getElementById("canvas");canvas.width = 800;canvas.height = 800;let context = canvas.getContext("2d");context.lineWidth = 10;context.beginPath();context.moveTo(100, 200);context.lineTo(300, 400);context.lineTo(100, 600);context.fillStyle = "red";context.closePath();context.fill();}
</script></body>
</html>

运行截图如下：

如上例子，closePath会让多边形封口。

canvas笔记-closePath函数的使用（含例子）相关推荐

hive 如何将数组转成字符串_Hive函数大全（含例子）之字符串函数（String Functions）...
字符串函数 String Functions ascii(string str) 返回结果: 返回字符串str首字母的十进制ascii码返回类型: intselect ascii('ABC'); -- ...
canvas笔记-画一个五角星（含算法）
算法如下: 上面的图是正三角形: 说下算法,关于上面那些x,y是怎么算出来的. 这里大圆的5个顶点,每个顶点占用的角度为360/5 = 72度,左边那个18度是通过90 - 72 = 18度. 大圆半 ...
canvas笔记-clip裁剪函数的使用及探照灯实例
在canvas中有clip函数,也就是裁剪,从原始画布中剪切任意形状和尺寸. 如下例子: <!DOCTYPE html> <html lang="en"> ...
oracle创建索引index,【学习笔记】Oracle索引创建含sysdate的函数index案例
天萃荷净分享一篇运维DBA需求,创建含sysdate的函数index案例 1.模拟Oracle数据库环境创建表插入数据库 [oracle@node1 ~]$ sqlplus chf/oraclep ...
MATLAB匿名函数使用(含例子引用)
本博文源于matlab基础,旨在讲述如何使用匿名函数.匿名函数是替代函数文件的一个有效方法.这种匿名函数在其他高级程序设计语言用的也比较广泛. 使用方法函数句柄变量=@(匿名函数输入参数)匿名函数表 ...
C语言工作笔记-对函数指针的进一步认识（与回调函数结合使用，并且对比C++的回调）
目录背景和基本概念(含与C++回调对比) 函数指针最一般的用法函数指针结合回调源码打包背景和基本概念(含与C++回调对比) 毕业也有10个月了,加上实习已经工作14个月了,感觉这一年多的板砖生 ...
C++笔记：函数_Hammond‘s blog
本文知识点导图函数函数基础一个典型的函数定义包括以下部分: 返回类型,函数名字,右0个或多个形参组成的列表以及函数体. 一个函数的定义包含四部分 #mermaid-svg-zxN4tqeXy5F ...
MySQL学习笔记—自定义函数
MySQL学习笔记-自定义函数注释语法: MySQL服务器支持3种注释风格: 从'#'字符从行尾. 从'– '序列到行尾.请注意'– '(双破折号)注释风格要求第2个破折号后面至少跟一个空格符(例如 ...
《JavaScript语言精粹》学习笔记（函数（2））
<JavaScript语言精粹>学习笔记(函数(2)) 函数(Functions) 参数(Arguments) 当参数被调用时,会得到一个"免费"的参数数组argume ...

canvas笔记-closePath函数的使用（含例子）

canvas笔记-closePath函数的使用（含例子）相关推荐

最新文章

热门文章