happily

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

2011年11月21日

摘要: CSS的渐变特征介绍了WebKit的约两年前,但由于很少使用与大多数布尔斯互不兼容。但现在的Firefox 3.6 +,支持渐变,我们可以创造风格,而不必创建一个图像渐变。这个职位将告诉你如何为CSS代码渐变要由主要浏览器:IE浏览器,火狐3.6 +,Safari和Chrome的支持。此外,还有我的下拉菜单(demo)使用CSS渐变。对于WebKit的浏览器下面的代码top (#ccc) to bottom (#000).它会显示一个线性渐变如Safari,Chrome等WebKit的浏览器background: -webkit-gradient(linear, left top, left 阅读全文
posted @ 2011-11-21 11:05 happily 阅读(218) 评论(0) 推荐(0) 编辑

摘要: Html代码<divid="section1"><divclass="title">HTML5</div><divclass="subTitle">HTML5是下一代的HTML,包含诸多新特性,比如绘制图形的canvas元素。</div><divclass="piechart"><canvasid="piechart1"width="225"height="168">< 阅读全文
posted @ 2011-11-21 10:34 happily 阅读(1185) 评论(0) 推荐(0) 编辑

摘要: HTML5引入Canvas元素,用于图形的绘制,我们可以仅仅基于HTML和JavaScript就能绘制出原本可能需要第三方组件的图形。因为做数据 统计比较多,那么就用画饼图做为示例来说明。之前绘制饼图可以使用JfreeChart组件,或者Flash组件FusionCharts Free和Open Flash Chart,这些组件的使用之前也介绍过,可以参阅以前的文章。本部分仅来介绍HTML5的Canvas绘制饼图。 饼图的基础是原型,那么我们先来看看如何使用Canvas绘制原型。当然这很简单了,首先编写HTML代码,如下: Html代码 <!DOCTYPEhtml> <h.. 阅读全文
posted @ 2011-11-21 10:30 happily 阅读(8802) 评论(1) 推荐(1) 编辑