[Download source code]
Long-awaited HTML 5 Series Article Indexing
Author: webabcd
Introduction
Index of the following articles: HTML 5
1. long-awaited HTML 5 (1)-root element, metadata element, and script Element
Introduction
HTML 5: root element, metadata element, and script Element
- Root element-doctype, html
- Metadata elements-head, title, base, link, meta, style
- Script elements-script and noscript
2. long-awaited HTML 5 (2)-block elements
Introduction
HTML 5: block elements
- Block Element-body, article, section, header, footer, h1, h2, h3, h4, h5, h6, hgroup, aside, nav, address
3. long-awaited HTML 5 (3)-content grouping Element
Introduction
HTML 5: Content grouping Elements
- Content grouping elements-p, hr, pre, blockquote, ul, ol, li, dl, dt, dd, figure, figcaption, div
4. long-awaited HTML 5 (4)-Text Semantic Elements
Introduction
HTML 5: Text Semantic Elements
- Text Semantic elements-a, em, strong, small, s, cite, q, abbr, time, code, var, dfn, samp, kbd, sub, sup, I, B, u, mark, ruby, rt, rp, bdi, bdo, span, br, wbr
5. long-awaited HTML 5 (5)-General Attributes of Elements
Introduction
HTML 5: common attributes of Elements
- Common attributes of an element-accesskey, style, class, title, tabindex, id, dir, spellcheck, hidden, contenteditable, contextmenu, draggable, and dropzone
6. long-awaited HTML 5 (6)-input element of form elements
Introduction
HTML 5: input elements of form elements
- Input elements of form elements-text, password, url, telephone, email, search, file, radio, checkbox, button, submit, reset, number, range, image, hidden, color, datetime, datetime-local, date, time, month, week
- Common attributes of input elements-autocomplete, placeholder, pattern, dirname, size, maxlength, readonly, required, list, multiple, min, max, step
7. long-awaited HTML 5 (7)-form elements
Introduction
HTML 5: form elements
- Form elements-form, label, button, select, option, optgroup, datalist, textarea, fieldset, legend, progress, meter, keygen, output
- Form Verification
8. HTML 5 (8)-canvas
Introduction
HTML 5: drawing a canvas
- Canvas Demo-basic concepts and Demo of the canvas, canvas. getContext (), CanvasRenderingContext2D, canvas. width, canvas. height, canvas. toDataURL ()
- Draw a rectangle on the canvas-canvas. getContext (), fillRect (), fillStyle, lineWidth, strokeStyle, strokeRect (), clearRect ()
- Draw an arc (in a path) on the canvas-beginPath (), arc (), fill (), stroke (), moveTo (), arcTo (), isPointInPath ()
- Draw a curve (in a path) on the canvas-quadraticCurveTo (), bezierCurveTo ()
- Draw a straight line (in path mode) on the canvas-lineWidth, beginPath (), stroke (), moveTo (), lineTo (), lineCap, lineJoin, miterLimit, closePath ()
- Draw a rectangle on the canvas (In Path mode)-rect ()
9. long-awaited HTML 5 (9)-canvas Media
Introduction
HTML 5: canvas Media
- Present text-font, textAlign, textBaseline, strokeStyle, fillStyle, fillText (), measureText, TextMetrics. width
- Rendered image-drawImage ()
- Video rendering-drawImage ()
- Present other canvases-drawImage ()
10. HTML 5 (10)-canvas Conversion
Introduction
HTML 5: canvas conversion (convert the user coordinate system of the canvas)
- Translation | translate ()
- Rotate | rotate ()
- Scaling | scale ()
- Matrix conversion | transform (a, B, c, d, e, f)
- Matrix conversion | setTransform (a, B, c, d, e, f)
11. long-awaited HTML 5 (11)-canvas Effect
Introduction
HTML 5: canvas Effect
- Fill color, stroke color, color value | fillStyle, strokeStyle
- Cropping | clip ()
- Gradient | createLinearGradient (), createRadialGradient (), CanvasGradient. addColorStop ()
- Tile mode of the texture | createPattern ()
- ShadowOffsetX, shadowOffsetY, shadowBlur, and shadowColor
- Global Alpha | globalAlpha
- The combination of the new color and the existing color of the canvas | globalCompositeOperation
- Save the canvas context and restore the canvas context | save (), restore ()
- Pixel operation | createImageData (), getImageData (), putImageData (), ImageData, CanvasPixelArray
OK
[Download source code]
