canvas beginPath()
2024-09-04 12:17:30
先举个简单的例子,
var myCanvas = document.getElementById("myCanvas");
var context= myCanvas.getContext("2d");
context.beginPath();
context.moveTo(150, 50);
context.lineTo(250, 50);
context.strokeStyle = "green";
context.stroke();
context.beginPath();
context.moveTo(150, 80);
context.lineTo(250, 80);
context.strokeStyle = "yellow";
context.stroke();
context.beginPath();
context.moveTo(150, 100);
context.lineTo(250, 100);
context.strokeStyle = "blue";
context.stroke();
这个例子会从上向下依次绘制三条横线,效果如图:
假如去掉第三个beginPath()方法,会发现第三条线的颜色同时也绘制到第二条黄线上,这就发现beginPath()方法会让图形在绘制时重新找到开始点绘制而不会和之前的绘图重叠,加上他还是很必须的。
最新文章
- SignalR快速入门 ~ 仿QQ即时聊天,消息推送,单聊,群聊,多群公聊(基础=》提升)
- 【初学者指南】在ASP.NET MVC 5中创建GridView
- fill_parent 和 match_parent区别
- js禁止复制页面文字
- 文件 FIFO队列
- st_mode 的位定义
- 设定范围和步长的递增数验证器Validator
- MyEclipse创建WebService
- 网络编程TCP协议-聊天室
- Spring Security(16)——基于表达式的权限控制
- Linux入门(二)Linux基本命令及基本操作
- 不容易系列之一(hdu1465)错排+递推
- 自动化部署-从maven到shell脚本到jenkins
- 学习笔记---gson
- TMS320VC5509驱动AT24C02
- 2017-2018 ACM-ICPC Nordic Collegiate Programming Contest (NCPC 2017) Solution
- 利用 ReSharper 自定义代码中的错误模式,在代码审查之前就发现并修改错误
- 团体程序设计天梯赛L1-027 出租 2017-03-23 23:16 40人阅读 评论(0) 收藏
- [LeetCode 题解]: Interger to Roman
- Swift-枚举enum理解
热门文章
- centos环境自动化批量安装软件脚本
- Java基础常见英语词汇
- IDL中的HRESULT值
- List 泛型 集合中 Find 的用法
- No permission to write APN settings: Neither user *** nor current process has android.permission.WRITE_APN_SETTINGS.
- CSS3制作同心圆进度条
- jQuery实现鼠标拖动改变Div高度
- Opencl 并行求和
- 实现浏览器打开图片的url默认是下载
- vs2012启动网站调试提示 HTTP 错误 403.14 - Forbidden Web 服务器被配置为不列出此目录的内容