div赋值 canvas画线

<div id="warn" style="font-size: 12px"></div>
根据id获取div：
//设置或获取位于对象起始和结束标签内的 HTML。
document.getElementById('warn').innerHTML="";
//设置或获取位于对象起始和结束标签内的文本。
document.getElementById('warn').innerText="";


html5画线
<canvas id="myCanvas" width="600" height="30" style="border:1px solid #c3c3c3;margin:10px 40px">
Your browser does not support the canvas element.
</canvas>
var canvas = document.getElementById("myCanvas");
var cxt = canvas.getContext("2d");
cxt.fillStyle = color;//颜色
cxt.fillRect(起点x坐标, 起点y坐标,长度,高度);