到目前为止,我们使用canvas绘制图形的基本知识已经介绍完毕,从本节开始,我们将介绍其他比较高级的绘制知识之一 —— 线性渐变,首先我们来回顾一下《HTML5每日一练之Canvas标签的应用-绘制矩形》中指定填充的颜色fillStyle。绘制线性...
-
幻觉无敌: HTML5每日一练之Canvas标签的应用-绘制线性渐变图形
2015-05-21 11:51 来自版块 - 站长技能提升
-
子与havoyo: HTML5每日一练之Canvas标签的应用-绘制向日葵
本节主要是对之前我们学习的Canvas进行一个小小的复习,没有用到新的技术,唯一用到的就是新的数学算法。 使用Canvas绘制向日葵1: 效果如下图: [*] [*] [*] [*] [*] HTML5每日一练之Canvas标签的应用-绘制复...2015-04-08 03:35 来自版块 - 站长技能提升
-
poipoipoi111: HTML5每日一练之figure新标签的应用
figure元素是一种元素的组合,可带有标题(可选)。figure标签用来表示网页上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。 figure用友一个子标签——figcap...2015-03-28 00:54 来自版块 - 站长技能提升
-
zaske: HTML5每日一练之progress标签的应用
progress标签: 从名字上来看,估计大家也能猜到这个标签是什么标签了,没错,他是一个进度条。在HTML5中我们终于可以不用模拟了。 [*] progress属性: value:表示当前进度 max:表示总进度 注:value和max属性的值必...2015-03-18 04:02 来自版块 - 站长技能提升
-
lsy1511: HTML5每日一练之Canvas标签的应用-绘制坐标变换图形
绘制图形的时候,我们可能经常会想到旋转图形,或者对图形使用变形处理,使用Canvas API的坐标轴变换处理功能,就能实现这种效果。 在计算机上绘制图形的时候,是以坐标点为基准来进行绘制的,默认情况下Canvas画布的最左上角对应于坐标轴的原点...2015-03-06 21:34 来自版块 - 站长技能提升
-
wodegengmen: HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用
到目前为止,我们已经学会了很多Canvas的绘制方法,如果我们要绘制如下图的图形怎么办呢? 我们需要对矩形变形,使用坐标变换就足够了。但是对使用路径绘制出来的图形进行变幻的时候,那么要考虑的事情就 多了。因为使用坐标变换之后,已经创建好的路径就不...2015-01-04 14:24 来自版块 - 站长技能提升
-
licenkun: HTML5每日一练之Canvas标签的应用-绘制圆形
咱们上一节学习了如何使用Canvas绘制矩形,如果想要绘制一个圆形是不是还跟举行一样呢? 绘制圆形的步骤: 有些步骤与上节的绘制矩形差不多,股在这里不再赘述。如果没有看上节内容的,请点击这里——HTML5每日一练之Canvas标签的应用-绘制矩形。...2014-12-05 22:08 来自版块 - 站长技能提升
-
ck00513663: HTML5每日一练之Canvas标签的应用-在页面上放置Canvas
今天我们将要学习在HTML5中最吸引眼球的一个标签——Canvas,我相信有很多人学习HTML5就是为了Canvas。这节内容非常简单,主要是为大家介绍Canvas标签的使用。 在我们学习它之前稍微补充一下知识,虽然有点理论,但以下稍微理论点的东西...2014-11-15 10:21 来自版块 - 站长技能提升
-
jvemwh: HTML5每日一练之mark标签的应用
mark标签: mark元素表示页面中需要突出或高亮显示的内容,在搜索结果中也常常出现,比如检索结果中的关键词高亮显示。 案例: HTML5每日一练之mark标签的应用 HTML5|CSS3|论坛 | 前端开发网(...2014-10-03 08:22 来自版块 - 站长技能提升
-
wy0416: HTML5每日一练之details展开收缩标签的应用
details标签的出现,为我们带来了更好的用户体验,不必为这种收缩展开的效果再编写JS来实现。 注:目前仅Chrome支持此标签。 details有一个新增加的子标签——summary,当鼠标点击summary标签中的内容文字时,details标...2014-03-09 16:34 来自版块 - 站长技能提升