第 86 頁-H5教程_html5圖文教程-PHP中文網

Article Tags

H5教程

首頁

Technical articles

web前端

H5教程

用html5绘制折线图的实例代码_html5教程技巧

下面小编就为大家带来一篇用html5绘制折线图的实例代码。小编觉得挺不错的，现在分享给大家。也给大家一个参考。一起跟随小编过来看看吧

Mar 30, 2017 pm 02:30 PM

html5绘制折线图

使用HTML5画布（canvas）生成阴影效果

使用HTML5的画布特性，我们可以创建图形，在这片文章中，我们将创建图形的阴影。

Mar 30, 2017 pm 02:20 PM

HTML5canvas阴影效果

HTML5程式實戰之三-圖片文字(txt)拖曳預覽實作程式碼

　　如果檔案是txt文本，就用FileReader的readAsText方法將檔案讀取為文字（預設為UTF-8格式），放到記憶體中，然後顯示在DIV中。

Mar 30, 2017 pm 01:33 PM

HTML5，图片文本，拖拽预览

HTML5视频播放器<video>和音频播放器<audio>用法

HTML5里引入的新标记 audio 和 video 实现了HTML对视频播放和音频播放的原生支持，有了这种原生的HTML5视频播放器/音频播放器，我们不再需要flash技术，而直接能将视频/音频嵌入到了网页中

Mar 30, 2017 pm 01:30 PM

HTML5videoaudio

HTML5程式設計實戰之二-使用動畫的形式切換圖片程式碼案例

本文主要用到了Canvas API中的drawImage方法，以下此方法略做介紹。　　在Canvas API中繪製影像用drawImage方法，這是一個重載方法，定義如下：

Mar 30, 2017 pm 01:30 PM

HTML5，切换图片，动画形式

基于纯CSS3的6种手绘涂鸦按钮效果

这是一组非常有趣的纯CSS3手绘风格卡通按钮设计效果。这组手绘风格按钮共6种不同的效果，它们以手绘涂鸦的方式，以不同的按钮边框线条宽度和虚线来构成按钮，效果非常不错。

Mar 30, 2017 pm 01:28 PM

CSS3按钮效果涂鸦代码

HTML5程式實戰之一-實作HTML5時鐘的範例程式碼分享

本文描述了HTML5程式實戰之一-實現HTML5時鐘的範例程式碼分享的詳情，有一定參考價值，下面我們一起看下

Mar 30, 2017 pm 01:25 PM

HTML5，时钟

基于HTML5 Canvas实现视频破碎重组特效

你可能见过HTML5图片破碎动画特效，实现原理也挺简单。但是你应该没见过视频也可破碎重组，利用HTML5 Canvas的相关特性，实现点击鼠标让视频破碎重组的效果，然后经过一段时间，破碎的区域又重组还原。

Mar 30, 2017 pm 01:24 PM

HTML5，Canvas，视频破碎重组

HTML5 Canvas實戰之實現煙火效果的程式碼案例

requestAnimationFrame是瀏覽器用於定時循環操作的一個接口，類似於setTimeout，主要用途是按幀對網頁進行重繪。

Mar 30, 2017 pm 01:22 PM

HTML5 ，Canvas，烟花效果

HTML5 canvas超逼真的模拟时钟特效

thooClock是一款效果非常逼真的HTML5 canvas模拟时钟特效。该时钟特效使用jQuery和HTML5 Canvas API来制作，模拟现实生活中的时钟。并且它还具有定时闹钟的功能。

Mar 30, 2017 pm 01:19 PM

HTML5，canvas，模拟时钟特效

HTML5本地儲存之localStorage、sessionStorage的具體分析

sessionStorage保存的資料用於瀏覽器的一次會話，當會話結束（通常是該視窗關閉），資料被清空；localStorage保存的資料長期存在，下次造訪該網站的時候，網頁可以直接讀取先前儲存的數據。除了保質期的長短不同，這兩個物件的屬性和方法完全一樣。

Mar 30, 2017 pm 01:15 PM

HTML5，localStorage、sessionStorage

HTML5主要新增標籤的使用程式碼分享

HTML5是繼HTML4以後的下一代HTML標準規範，它提供了一些新的元素和屬性。新型的標籤有利於搜尋引擎和語意分析，同時更能幫助小螢幕裝置和視障人士使用，除此之外，也提供了一些新的功能，總結而言，有以下幾大特點：

Mar 30, 2017 pm 01:12 PM

HTML5，新增标签

HTML5新標籤之Canvas詳細介紹

Canvas 用於在網頁上展示圖像，並且可以自訂內容，基本上它是一個可以用JavaScript操作的點陣圖（bitmap）。

Mar 30, 2017 pm 01:07 PM

HTML5，Canvas，新标签

HTML5新特性之文件與二進位資料的操作

歷史上，JavaScript無法處理二進位資料。如果一定要處理的話，只能使用charCodeAt()方法，一個個位元組地從文字編碼轉成二進位數據，還有一種辦法是將二進位資料轉成Base64編碼，再進行處理。這兩種方法不僅速度慢，而且容易出錯。 ECMAScript5引入了Blob對象，允許直接操作二進位資料。

Mar 30, 2017 pm 01:02 PM

HTML5，文件，二进制数据