Canvas createLinearGradient API
2015-07-23 16:40
232 查看
createLinearGradient
addColorStop
addColorStop
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>createLinearGradient</title> </head> <body> <canvas id='myCanvas' width='800' height='600'> your browser does not support canvas </canvas> <script type="text/javascript"> var c = document.getElementById('myCanvas'); var ctx = c.getContext('2d'); var grd = ctx.createLinearGradient(0, 0, 200, 0); grd.addColorStop(0.2, '#00ff00'); grd.addColorStop(0.8, '#ff0000'); ctx.fillStyle = grd; ctx.fillRect(0, 0, 200, 100); </script> </body> </html>
相关文章推荐
- web前端 c标签的使用之<c:forEach>和<c:if test="">
- 使用OpenMP并行处理图像产生冲突的问题
- MySQL的随机数函数rand()的使用技巧
- 最大流之预流推进
- 【异常】R语言使用library("XLConnect"):计算机丢失jvm.dll
- Android 抽屉效果的导航菜单实现
- decorator & generator & iterator
- 龙之森林项目进程
- 浅谈android应用性能之内存(转)
- CentOS 6+Hadoop 2.6.0分布式集群安装
- BaseActivity框架搭建
- 解析XML文件的两种方法
- HDU 2026 首字母变大写
- Maven--要点笔记
- MySQL Study之--MySQL schema_information数据库
- 推荐Eclipse插件:Eclipse Color Theme
- linux Centos iptables 8080
- Linux下配置MySQL需要注意的几点
- C#中流,字节,字符,字符串
- #笔记#圣思园 JavaWeb 第53讲——function对象、工厂方式、构造函数方式、原型方式定义对象