HTML5 canvas lineCap 和 lineJoin 属性
本文共 608 字，大约阅读时间需要 2 分钟。
HTML 5 canvas lineCap 属性
定义和用法
lineCap 属性设置或返回线条末端线帽的样式。
注释："round" 和 "square" 会使线条略微变长。
| 默认值： | butt |
|---|---|
| JavaScript 语法： | context.lineCap="butt|round|square"; |
属性值
| 值 | 描述 |
|---|---|
| butt | 默认。向线条的每个末端添加平直的边缘。 |
| round | 向线条的每个末端添加圆形线帽。 |
| square | 向线条的每个末端添加正方形线帽。 |
实例
绘制圆形的结束线帽：
三种不同的线帽：
HTML 5 canvas lineJoin 属性
定义和用法
lineJoin 属性设置或返回所创建边角的类型，当两条线交汇时。
注释：值 "miter" 受 属性的影响。
| 默认值： | miter |
|---|---|
| JavaScript 语法： | context.lineJoin="bevel|round|miter"; |
属性值
| 值 | 描述 |
|---|---|
| bevel | 创建斜角。 |
| round | 创建圆角。 |
| miter | 默认。创建尖角。 |
实例
当两条线条交汇时，创建圆形边角：
转自：3school
你可能感兴趣的文章
PHP中的stdClass 【转】
查看>>
XHProf-php轻量级的性能分析工具
查看>>
OpenCV gpu模块样例注释:video_reader.cpp
查看>>
就在昨天，全球 42 亿 IPv4 地址宣告耗尽！
查看>>
Mysql复制表以及复制数据库
查看>>
Linux分区方案
查看>>
如何使用 systemd 中的定时器
查看>>
git命令速查表
查看>>
linux进程监控和自动重启的简单实现
查看>>
OpenFeign学习(三)：OpenFeign配置生成代理对象
查看>>
OpenFeign学习(四)：OpenFeign的方法同步请求执行
查看>>
OpenFeign学习(六)：OpenFign进行表单提交参数或传输文件
查看>>
Ribbon 学习(二)：Spring Cloud Ribbon 加载配置原理
查看>>
Ribbon 学习(三)：RestTemplate 请求负载流程解析
查看>>
深入理解HashMap
查看>>
XML生成（一）：DOM生成XML
查看>>
XML生成（三）：JDOM生成
查看>>
Ubuntu Could not open lock file /var/lib/dpkg/lock - open (13:Permission denied)
查看>>
collect2: ld returned 1 exit status
查看>>
C#入门
查看>>