---JS canvas学习笔记
2016-12-30 08:39
49 查看
context的fillStyle属性
fillStyle=color | gradient | image | canvas |video
strokeStyle也有上述属性。
1、color:#ffffff | #362 | rgba(100,100,100,0.8) | red
css可以使用的格式在此都可以使用
2、gradient
Linear Gradient
var grd=context.createLinearGradient(xstart,ystart,xend,yend);
Radial Gradient
var grd=context.createRadialGradient(x0,y0,r0,x1,y1,r1);
grd.addColorStop(stop,color);
3、image | canvas | video
createPattern(img,repeat-style)
createPattern(canvas,repeat-style)
createPattern(videa,repeat-style)
repeat-style:no-repeat | repeat-x | repeat-y | repeat
fillStyle=color | gradient | image | canvas |video
strokeStyle也有上述属性。
1、color:#ffffff | #362 | rgba(100,100,100,0.8) | red
css可以使用的格式在此都可以使用
2、gradient
Linear Gradient
var grd=context.createLinearGradient(xstart,ystart,xend,yend);
Radial Gradient
var grd=context.createRadialGradient(x0,y0,r0,x1,y1,r1);
grd.addColorStop(stop,color);
3、image | canvas | video
createPattern(img,repeat-style)
createPattern(canvas,repeat-style)
createPattern(videa,repeat-style)
repeat-style:no-repeat | repeat-x | repeat-y | repeat
相关文章推荐
- JavaScript常用的代码片段
- JS 循环给li绑定参数不同的点击事
- JavaScript笔记之第四天
- peakage.json填坑
- json串中的双引号变成"该如何解决?
- 06、一步一步学thinkjs之实现登录验证
- AJAX操作01_json与xml
- 对象实例
- JavaScript 中的 this
- Javascript中Array.filter()的妙用
- 前台对Seajs的用法个人见解
- JS精确计算数值方法
- JavaScript基础之三——基本运算符
- js处理json和字符串示例
- Json解析,没有Key 名,请问如何解析
- JavaScript-获取当前元素的相关元素或节点--方法总结
- javascript之-深入事件机制
- 分享一段JS代码,个人感觉很使用:网页浏览历史记录
- JavaScript--数组常用方法总结
- js事件委托(事件代理)