canvas--改变颜色
2016-01-15 18:46
197 查看
代码:
<canvas id="c1" width="400" height="400" style="background-color:red"> </canvas> <script type="text/javascript"> //获取画布元素 var canvas=document.getElementById("c1"); //绘制环境(我称为“画笔”) var cxt=canvas.getContext("2d"); //改变填充的颜色 cxt.fillStyle="#ffff00"; //画一个实体方块---fillrect(x,y,w,h); cxt.fillRect(50,50,100,100); //改变边框颜色 cxt.strokeStyle="blue"; //改变边框宽度 cxt.lineWidth=5; //画出一个空心方块---strokeRect(x,y,w,h); //cxt.strokeRect(200,200,100,100); cxt.strokeRect(200.5,200.5,100,100); </script>
【新知识点】:
1、fillStyle //填充的颜色
2、strokeStyle //边框的颜色
3、lineWidth //线宽度
【注意】:(不然将不会运行)
属性,方法都用的骆驼命名法,首字母为小写,第二个单词首字母大写;如userName。因为看上去像驼峰,因此而得名。
相关文章推荐
- 子查询和组合查询
- 数据库之联接
- SSH——Hibernate初学者之旅(二)
- Concurrency3
- CentOS 6.5系统服务详解( 转)
- Textfield根据条件显示提示框-LHInfoTextfield(0.1.0)
- hive分组排序 取top N
- hive分组排序 取top N
- 基数和偶数分离
- .NET中提升UAC权限的方法总结
- 数据库之组合查询
- windows相关小知识
- Android 从输入法 到 EditText 研究
- mysql常见错误码
- Linux Bash算数运算方法小结
- Java提高学习之Object(3)
- python中的时间函数编写
- Android GPU加速渲染自定义View 性能改善<13>
- Atitit.java jna 调用c++ dll 的总结
- 第一次写python爬虫