html中插入javascript脚本画条直线

来源:互联网 发布:通信算法工程师 工作 编辑:程序博客网 时间:2024/06/08 11:26
<!DOCTYPE <!DOCTYPE html><html><head><meta charset="utf-8"/><title>canvas中的对角线示例</title></head><body><canvas id="djx" style="border:1px solid;" width="200" height="200"></canvas><script>function drawDiagonal(){var canvas = document.getElementById('djx');var context = canvas.getContext('2d');context.beginPath();context.moveTo(10,140);context.lineTo(140,70);context.stroke();}window.addEventListener("load",drawDiagonal,true);</script></body></html>

原创粉丝点击