HTML5 绘制矩形
来源:互联网 发布:sys视频分享源码 编辑:程序博客网 时间:2024/06/14 17:37
<html>
<body>
<canvas id="mycanvas" style="width:200px;height:100px;border:2px solid lime;"></canvas>
<script>
var ctx=mycanvas.getContext("2d");
ctx.fillStyle="lime"; //矩形的颜色
ctx.fillRect(20,20,20,20); //矩形 离canvas left 20px , 离canvas top 20px ,矩形的宽,矩形的高
// alert(ctx);
</script>
</body>
<body>
<canvas id="mycanvas" style="width:200px;height:100px;border:2px solid lime;"></canvas>
<script>
var ctx=mycanvas.getContext("2d");
ctx.fillStyle="lime"; //矩形的颜色
ctx.fillRect(20,20,20,20); //矩形 离canvas left 20px , 离canvas top 20px ,矩形的宽,矩形的高
// alert(ctx);
</script>
</body>
</html>
<!--说明:
fillStyle 方法将其染成红色,
fillRect 方法规定了形状、位置和尺寸。
getContext("2d") 对象是内建的 HTML5 对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
-->
- HTML5 Canvas: 绘制矩形
- HTML5 绘制矩形
- HTML5绘制矩形
- html5画布-绘制矩形
- html5绘制动态矩形
- html5绘制矩形
- HTML5 canvas 绘制矩形 改变矩形颜色
- html5中canvas绘制矩形
- html5<canvas>标签绘制矩形,线条,圆
- HTML5教程-用Canvas标签绘制矩形
- html5 canvas元素各种矩形的绘制
- html5 canvas 绘制圆角矩形
- HTML5中使用canvas绘制矩形
- HTML5学习笔记之使用canvas绘制矩形
- html5如何绘制矩形吗?谈下心得!
- HTML5 Canvas实现web画图之自由绘制矩形
- 【实例】html5-canvas绘制线段、矩形和圆
- HTML5 JS Canvas利用贝塞尔曲线绘制圆角矩形
- Android 通过http访问服务器
- git 删除已经 add 的文件
- White spaces are required between publicId and systemId.
- 100亿条记录的文本文件,取出重复数最多的前10条
- sgu 113 Nearly prime numbers
- HTML5 绘制矩形
- Java类加载原理解析
- 番茄工作法法——Pomotime
- Saruman of Many Colours---题解
- poj 2513理解报告 初步学习并査集,字典树
- MFC中对话框的操作
- 修改CM9 默认sdcard挂载点的方法(去掉emmc)
- OpenLayer源代码总体结构分析
- 硅谷的见证人:惠普公司(HP)