HTML canvas系列-画线条(2)
1、画线步骤
画线条使用beginPath、moveTo、lineTo、stroke方法。
- beginPath 表示开始绘制新路径
- moveTo 定位绘制开始位置
- lineTo 从开始位置绘制一条直线到目标位置
- stroke 显示线条
2、属性(样式)
- linewidth 线宽
- strokeStyle 颜色
- lineCap 线端头样式,包括:butt、round、square三种,默认是butt。
3、示例 -绘制线条
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 定义canvas元素 -->