![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
lufaxinT
码农,Java,WEB,C#,.NET
展开
-
HTML5简明教程-1.1.1.HTML5Canvas参考手册 之 填充fillStyle
fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式。原创 2014-12-26 11:16:30 · 2230 阅读 · 0 评论 -
HTML5简明教程-1.1.HTML5画布Canvas
HTML5为我们提供了画布功能,可以实现包括绘制矩形,线条,圆形,渐变色以及载入图像等一系列有用的功能。原创 2014-12-24 12:26:19 · 1682 阅读 · 0 评论 -
HTML5简明教程-1.1.4.HTML5Canvas参考手册 之 线性渐变 createLinearGradient
HTML5的canvas为我们提供了类似于CSS3中linear-gradient属性定义的渐变效果,用createLinearGradient()方法可以创建基于画布的线性渐变,创建好的线性渐变可以用于填充路径、定义笔触等。同时,HTML5也为我们提供了createRadialGradient()方法用于创建放射渐变,我们将在另一篇博文中详细介绍。原创 2015-01-06 08:40:01 · 2758 阅读 · 0 评论 -
HTML5简明教程-1.1.3.HTML5Canvas参考手册 之 阴影shadowColor、shadowBlur、shadowOffsetX、shadowOffsetY
HTML5的画布给我们提供了绘制元素阴影的功能,主要的属性包括如下几个:shadowColor、shadowBlur、shadowOffsetX、shadowOffsetY。其中shadowColor定义阴影颜色样式,shadowBlur定义阴影模糊系数,shadowOffsetX定义阴影X轴偏移量,shadowOffsetY定义阴影Y轴偏移量。原创 2015-01-04 09:02:20 · 11142 阅读 · 0 评论 -
HTML5简明教程-1.1.2.HTML5Canvas参考手册 之 笔触strokeStyle
strokeStyle属性定义了我们在canvas画布上进行图形绘制时的“笔触”,简单点说,就是定义了我们的画笔样式。另外,strokeStyle仅仅定义笔触样式,不能定义填充样式。原创 2014-12-29 08:39:49 · 2598 阅读 · 0 评论 -
HTML5简明教程-1.1.5.HTML5Canvas参考手册 之 放射渐变 createRadialGradient
创建放射渐变的方法是createRadialGradient()。与线性渐变相同,用createRadialGradient()方法可以创建基于画布的线性渐变,创建好的线性渐变可以用于填充路径、定义笔触等。原创 2015-01-07 08:29:12 · 2734 阅读 · 0 评论