时间:2021-07-01 10:21:17 帮助过:33人阅读
可以绘制图形的标签。一般用javascript来绘制。
2.创建一个画布
- <title></title>
- <canvas id="mycanvas" width="100" height="100"></canvas> //创建画布用canvas标签
3.在画布上绘图。
4.canvas-路径
- var can=document.getElementById("mycanvas");
- var draw=can.getContext("2d");
- // 开始一个路径
- draw.beginPath();
- // 设置线的粗细
- draw.lineWidth="5";
- //设置线的颜色
- draw.strokeStyle="green";
- // 线的起点
- draw.moveTo(0,75);
- //线的终点
- draw.lineTo(250,75);
- // 开始绘制路径
- draw.stroke();
- //开始另一个路径
- draw.beginPath();
- // 设置线的粗细
- draw.lineWidth="5";
- draw.strokeStyle="purple";
- draw.moveTo(25,05);
- draw.lineTo(35,25);
- draw.stroke();
效果: