html5之canvas实例(一)
来源:互联网 发布:电脑定时重启软件 编辑:程序博客网 时间:2024/05/16 08:19
<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><canvas id="t_canvas" width="1000" height="1000" ></canvas><script type="text/javascript">//画布,将图形画到这上面,超出范围的不显示var t_canvas1=document.getElementById("t_canvas");var context1=t_canvas1.getContext("2d");context1.beginPath();context1.moveTo(0,0);context1.lineTo(0,290);context1.lineTo(290,290);context1.closePath();context1.fillStyle="rgb(200,0,0)";context1.fill();/////绘图1context1.fillStyle="#000000";context1.fillRect(300,300,100,100);context1.fillStyle="#000000";context1.fillRect(100,100,100,100);context1.fillRect(50,50,100,100);</script></body></html>
截图如下:
- html5之canvas实例(一)
- HTML5 之 Canvas (一)
- HTML5之Canvas(一)
- html5之canvas实例(二)
- HTML5之帆布(canvas)(一)
- HTML5之画布(canvas)(一)
- HTML5快速入门实例(一)Canvas绘制图形
- HTML5-Canvas标签使用实例一
- HTML5-Canvas标签使用实例一
- HTML5(九)canvas操作文字实例之转盘
- HTML5元素Canvas实例之钟表
- HTML5元素Canvas实例之钟表
- html5学习canvas实例之时钟
- html5 canvas 线(一)
- HTML5- Canvas入门(一)
- HTML5 canvas画布(一)
- 浅谈HTML5 canvas(一)
- html5 canvas浅介(一)
- 第十一章 BIRT数据绑定与脚本,事件机制详解 .
- VM下的Linux虚拟机与宿主机之间的挂载解决方案
- UIScrollView && UITableView相关属性汇总(待续)
- OpenGL Setup In VS2008
- java 访问网络设置session
- html5之canvas实例(一)
- ACM-Blue Jeans
- 第十一章 BIRT数据绑定与脚本,事件机制详解(续) .
- POJ 3670 (Eating Together)
- Oracle11新特性——行列转换语句
- 检测到不兼容的键盘驱动程序的解决
- html5之canvas实例(二)
- C++引用与指针的区别
- Oracle行列转换