canvas教程

JS canvas学习笔记

字号+ 作者:H5之家 来源:H5之家 2017-04-29 15:03 我要评论( )

context的fillStyle属性fillStyle=color | gradient | image | canvas |videostrokeStyle也有上述属性。1、color:#ffffff | #362 | rgba(100,100,100,0.8) | red

你的位置:易询养生网 > IT/互联网 > 编程语言 > ---JS canvas学习笔记 正文

---JS canvas学习笔记

2017-04-25 10浏览

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

---JS canvas学习笔记

原文:

继续浏览有关 的文章

分享到

上一篇 创建XMLHttpRequest对象 10天学会phpWeChat——第五天:实现新闻投稿功 下一篇

与本文相关的文章

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Android开发学习之ImageView手势拖拽、缩放、旋转

    Android开发学习之ImageView手势拖拽、缩放、旋转

    2017-03-27 11:00

  • canvas drawimage参数

    canvas drawimage参数

    2017-03-06 14:00

  • html5 new image,磁力链接

    html5 new image,磁力链接

    2017-01-10 12:01

  • Android使用ImageView制作透明圆弧实例代码

    Android使用ImageView制作透明圆弧实例代码

    2017-01-10 09:00

网友点评
3