html5 api documentation

HTML5 adds an API for drag-and-drop, which allows any element of an HTML page to become draggable by using a drag-and-drop mechanism to develop a more user-friendly interface for human-computer interaction.A drag-and-drop operation can be divided into two actions: moving the mouse over an element (without releasing the mouse) and starting to drag, while dragging, as long as the mouse is not released, the ev

=" Wkiom1b7v4ksa52haaavmhniml0425.png "/>-Passing message content through the PostMessage () methodTerminate Web Worker-In an HTML page, the Web worker is terminated by invoking the Terminate () method of the Web Worker object650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M00/7E/4A/wKioL1b7wICRgmOrAAALlqem9qY691.png "title=" Web.png "alt=" Wkiol1b7wicrgmoraaallqem9qy691.png "/>Summary: This chapter mainly introduces the next HTML5 Web Workers

Use the HTML5 Canvas API to draw arcs and circles. html5canvas In html5, The CanvasRenderingContext2D object also provides methods specifically used to draw circles or arcs. For details, refer to the following attributes and methods:Copy the content to the clipboard using JavaScript Code Arc (x, y, radius, startRad, endRad, anticlockwise) Draw an arc of a cir

Project: http://download.csdn.net/detail/wangshuxuncom/6430191DescriptionThis project shows you how to use the HTML5 WebSocket API to realize instant messaging capabilities.Coding method of this project: UTF-8Function Description:1. This function supports multi-person chatting;2, when someone online or offline, the session window will automatically display;3. Support shortcut key Close Session window or sen

project:http://download.csdn.net/detail/wangshuxuncom/6430191DescriptionThis project demonstrates how to use the HTML5 WebSocket API to enable Instant Messaging functionality.This project encoding method: UTF-8Function Description:1. This function supports multi-person chatting;2, someone on-line or offline, the session window to realize their own active display;3. Support shortcut key close the session for

1. Video and audio tagsor Property Value DescriptionAutoPlay AutoPlay (can be omitted) video AutoPlayControls controls (can be omitted) to display the playback controls to the userwidth px player widthsHeight px Player HeightsLoop loop, play continues, play count after playingPreload proload whether to wait for the load to play againsrc URL Video url addressPoster Imgurl loading the waiting picture pictureAutobuffer Autobuffer is set to browser buffering, not valid when setting autoplay2.

Partial.js Client-side RoutingHttps://github.com/petersirka/partial.js-clientside The Framework supports the HTML 5 history APIs, for older browsers (ie8+) URLs hashtag is automatically enabled. This plugin was a Little Big cannon for the Web development. Works with JQuery. Easy-to-use Minified only 9.5 KB (without GZIP compression) Great functionality Great use Works in IE 8+ No dependencies DEMO EXAMPLE Compact and easy to use powerful

HTML5 audio API research and learning 1 HTML5 audio 1. audio sprite The main idea of the audio genie is similar to that of the css genie. It combines an audio into an audio and uses currentTime to obtain the current playback time for differentiation. However, before executing the following code, you need to set audio Load to the page first. At that time, how can

)) {Alert ("Make sure the file is of the image type! "); return false; } varReader= NewFileReader (); Reader.readasdataurl (file); Reader.onload= function(e) {varresult=document.getElementById ('result'); Result.innerhtml= ""+ This. Result+"' alt = '/>"; }; } functionReadFile () {varfile=document.getElementById ('file'). files[0]; varReader= NewFileReader (); Reader.readastext (file); Reader.onload= function(f) {varresult=document.getElementById ('result'); Result.

HTML5-based geolocation get geolocation, with Google Map API Reverse address resolution (get the real address of the user)Html1 DOCTYPE HTML>2 HTMLxmlns= "http://www.w3.org/1999/xhtml">3 4 Head>5 Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" />6 title>geolocation get geolocation, with Google Map API reverse address resolution,Get the curre

inaccurateafter getting the latitude and longitude of GPs positioning, in order to make the positioning accurate, we need to "rectify". This is also called "coordinate transformation". There are two methods of coordinate transformation, one is to call the external Web site to provide a corrective method, the other is to use Baidu's own API. Method 1: External Web site correction MethodYou can access the http://ditujiupian.com/Web site and then apply

history to the record, and the History.length value is +1,history.state overwritten by the incoming state object.Replacestate (state, title, URL)The Replacestate () method has the same three parameters as Pushstate (), but Replacestate () modifies the history of the current page.How do I use the state object?HTML5, in addition to bringing us the above three new interfaces, also allows the browser to listen to the Popstate event on the window, wheneve

The company has a demand, need to get the location of users, so look at the next HTML5 geolocation This new thing, found very useful.After the above code is run, it will pop up first, whether to allow you to get your current location, if you click OK, then you will get the coordinates of your current position, then we can show this coordinate to the map.It is best to use high-gold map, because the coordinates of the high-German map and Google map coor

Basic tutorial on postMessage API in HTML5, html5postmessage About postMessage Although window. postMessage is html5, it supports IE8 +. If your website does not need to support IE6 or IE7, you can use window. postMessage. About window. postMessage, many friends said that it can support cross-origin. Good, window. postMessage is a direct data transfer between the

();}}Fullscreenchange event handling for each browserDocument.addeventlistener (' Fullscreenchange ', function () {/*code*/});Document.addeventlistener (' Webkitfullscreenchange ', function () {/*code*/});Document.addeventlistener (' Mozfullscreenchange ', function () {/*code*/});Document.addeventlistener (' Msfullscreenchange ', function () {/*code*/});Fullscreenerror event handling for each browserDocument.addeventlistener (' Fullscreenerror ', function () {/*code*/});Document.addeventlistene

()//Terminate read operation FileReader Events #FileReader. Onloadstart//trigger at start of read operation #FileReader. onload//triggered when read operation succeeds #FileReader. Onloadend//trigger on completion of read operation (whether successful or unsuccessful) #FileReader. OnProgress//trigger during read operation #FileReader. Onabort//triggered when read operation is interrupted #FileReader. onerror//Trigger when read operation fails FileReader Pr

, which reads the data inside the file, provides three commonly used methods to read the file data, and also provides an asynchronous way to read the file data.FileReader Property List: Event List Event description Onloadstart Trigger when file read starts OnProgress Timed trigger when the read is in progress. The event parameter contains the total amount of data that has been read. Onabort Triggered when the read i

Quick Start Guide for Drawing Images by calling the Canvas API of HTML5, html5canvas 1. Canvas ElementThe following html code defines a canvas element.Copy XML/HTML Code to clipboard Use the following Javascript statement to access the canvas element:Copy the content to the clipboard using JavaScript Code // DOM writing Window. onload = function (){ Var canvas =

there is a cache page is displayed, the cache that displays the specified offline.html file app is updated when its manifest file changes. If you update a picture, or a JavaScript function, these changes are not re-cached. Updating the date and version number in the comment line is a way to enable the browser to re-cache the file. /* ------------------------------ */offline Behaviorif (navigator.online) {//online console.log}else{//offline console.log (' offline ')}window.addeventlistener (' on

= "Unknown Error! " ; Break}} watchPosition 用法跟getCurrenPosition方法类似 。watchposition returns the user's current location, assuming that the user moves back to the real-time location, just like a GPS. ①navigator.geolocation. watchposition (showposition);② Clearwatch ()-Stop Watchposition () method ? Baidu Map API Assistant http://developer.baidu.com/map/ /* latitude and longitude displayed on the map */function Showonmap (positi