Canvas 阴影效果
2015-07-24 11:00
295 查看
shadow
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>shadow</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'); ctx.shadowColor = '#ff0000'; ctx.shadowBlur = 10; ctx.shadowOffsetX = 20; ctx.shadowOffsetY = 30; var img = new Image(); img.src = 'face.jpg'; img.onload = function() { ctx.drawImage(img, 0, 0); }; </script> </body> </html>
相关文章推荐
- java.util 和 java.awt的区别 java.util.list 和 java.awt.list的区别
- CFS调度器的实现代码
- hdu5305(2015多校2)--Friends(状压,深搜)
- 手势侧滑,比较全的概述
- HDU 2047 阿牛的EOF牛肉串
- libuv win下面的一些笔记
- Qt开源的压缩包的提取
- php访问控制
- 析构与代码膨胀
- BZOJ 1012 最大数maxnumber
- POJ 3911:Internet Service Providers
- Redis学习
- javascript---在表单提交之前处理事件
- hdu4605Magic Ball Game 树状数组
- 直线,曲线,折线分割平面以及平面分割空间问题
- 如何编译安装源码包
- 通过jquery获取后台传过来的值进行全选
- 创建 In-app Billing 商品
- mysql -- 事务处理
- Immediate Decodability(字典树)