canvas基础练习(画线)
来源:互联网 发布:npm 网络性能管理 编辑:程序博客网 时间:2024/06/06 03:22
<!DOCTYPE html><html><head><meta charset="utf-8"><title>canvas</title><style>body{ background:#808080;}#canvas{ background:#FFFFFF;}</style><script> window.onload = function(){ //获取canvas画布 var canvas = document.getElementById('canvas'); //获取2d绘图环境 cxt = canvas.getContext('2d'); //画直线(绘图路径) //开始路径 cxt.beginPath(); //画端点 cxt.moveTo(100,100); cxt.lineTo(200,200); cxt.lineTo(300,200); //闭合路径 cxt.closePath(); //画线 cxt.stroke(); }</script></head><body><canvas id="canvas" width="500" height="500"></canvas></body></html>
效果图:
0 0
- canvas基础练习(画线)
- 【html5每日练习】html5 canvas画线
- Canvas画线
- canvas基础练习(画矩形)
- canvas基础练习
- HTML5 Canvas基础练习
- html5 使用canvas画线
- Canvas的画线技巧
- canvas画线段
- canvas 画线条
- canvas入门之画线
- H5 canvas画线
- Canvas基础5-全屏随机画圆点练习
- Canvas基础7--小游戏练习--解题游戏
- onDraw 中使用canvas画线
- Canvas学习笔记之画线
- Canvas基础(二)
- 绘图基础--画线
- Machine Learning week 6 quiz: programming assignment-Regularized Linear Regression and Bias/Variance
- Spring/Aop代码总结
- [BZOJ3339] Rmq Problem&&[BZOJ3585] mex
- nsq源码阅读笔记之nsqd(二)——Topic
- RGB-HSV颜色空间
- canvas基础练习(画线)
- 快速排序 需熟练使用
- 怎样才能学精c语言?
- 算法练习1126
- 喝汽水问题
- JAVA经典实例
- Semaphore和SWaitHandle
- 用Java实现基于SOAP的XML文档网络传输及远程过程调用(RPC)
- 数据结构实验之图论八:欧拉回路