HTML5 po ruce a do kapsy

currentTime          // v sekundách
initialTime          // v sekundách, pouze ke čtení
duration             // v sekundách, pouze ke čtení
startOffsetTime      // dateTime, pouze ke čtení
paused               // boolean
ended                // boolean, pouze ke čtení
autoplay             // boolean
loop                 // boolean
playbackRate         // default = 1.0
defaultPlaybackRate  // default = 1.0

controls             // boolean
volume               // mezi 0.0 a 1.0, default = 1.0
muted                // boolean

tracks               // pole objektů TimedTrack

src                  // řetězec
currentSrc           // řetězec, pouze ke čtení
preload              // řetězec
buffered             // TimeRanges objekt, pouze ke čtení
played               // objekt TimeRanges, pouze ke čtení
seekable             // objekt TimeRanges, pouze ke čtení
networkState         // pouze ke čtení; může být NETWORK_EMPTY, NETWORK_IDLE,
                        NETWORK_LOADING, NETWORK_NO_SOURCE
readyState           // pouze ke čtení; může být HAVE_NOTHING, HAVE_METADATA,
                        HAVE_CURRENT_DATA, HAVE_FUTURE_DATA,
                        HAVE_ENOUGH_DATA
error.code           // pouze ke čtení; může být MEDIA_ERR_ABORTED, MEDIA_ERR_NETWORK
                        MEDIA_ERR_DECODE, MEDIA_ERR_SRC_NOT_SUPPORTED

beginPath();
closePath();
moveTo(x, y);
lineTo(x, y);
arcTo(x1, y1, x2, y2, radius);
rect(x, y, w, h);
arc(x, y, radius, startAngle, endAngle, anticlockwise);
quadraticCurveTo(cpx, cpy, x, y);
bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
fill();
stroke();
clip();
isPointInPath(x, y); → boolean

scale(x, y);
rotate(angle);
translate(x, y);
transform(a, b, c, d, e, f);
setTransform(a, b, c, d, e, f);

fillText(text, x, y, maxWidth);
strokeText(text, x, y, maxWidth);
measureText(text); → TextMetrics

drawImage(obrázek_nebo_video_nebo_canvas, dx, dy, dw, dh);
drawImage(obrázek_nebo_video_nebo_canvas, sx, sy, sw, sh, dx, dy, dw, dh);
createImageData(sw, sh); → ImageData
createImageData(imagedata); → ImageData
getImageData(sx, sy, sw, sh); → ImageData
putImageData(imagedata, dx, dy, dirtyX, dirtyY, dirtyWidth, dirtyHeight);

createPattern(obrázek_nebo_video_nebo_canvas, repetition); → CanvasPattern
createLinearGradient(x0, y0, x1, y1); → CanvasGradient
createRadialGradient(x0, y0, r0, x1, y1, r1); → CanvasGradient

save();
restore();

fillStyle                    // CSS barva, default = "black"
strokeStyle                  // CSS barva, default = "black"

font                         // CSS font, default = "10px sans-serif"
textAlign                    // vypočítáno, default = "start"
textBaseline                 // vypočítáno, default = "alphabetic"

shadowOffsetX                // v pixelech, default = 0
shadowOffsetY                // v pixelech, default = 0
shadowBlur                   // v pixelech, default = 0
shadowColor                  // CSS bg, default = "transparent black"

globalAlpha                  // 0 (transparentní) až 1 (neprůhledné), default = 1.0
globalCompositeOperation     // default = "source-over"

lineWidth                    // v pixelech, default = 1
lineCap                      // vypočítáno, default = "butt"
lineJoin                     // vypočítáno, default = "miter"
miterLimit                   // float, default = 10

canvas                       // pouze ke čtení

type="search"          // vyhledávání
type="number"          // spinbox
type="range"           // šoupátko
type="color"           // výběr barev
type="tel"             // telefonní číslo
type="url"             // adresa webu
type="email"           // e-mailová adresa
type="date"            // výběr data
type="month"           // výběr měsíce
type="week"            // výběr týdne
type="time"            // čas
type="datetime"        // datum a čas
type="datetime-local"  // místní datum a čas

function() {
  var i = $dce("input");
  i.setAttribute("type", "search");
  return i.type !== "text";
}

getCurrentPosition(successCallback, errorCallback, positionOptions); → Pozice
watchPosition(successCallback, errorCallback, positionOptions); → dlouhodobé
clearWatch(watchId); // watchId je vráceno funkcí watchPosition()

enableHighAccuracy   // vysoká přesnost: true nebo false
timeout              // v milisekundách
maximumAge           // rovněž milisekundy

function successCallback(position);
function errorCallback(positionError);

timestamp
coords.latitude
coords.longitude
coords.altitude
coords.accuracy
coords.altitudeAccuracy
coords.heading
coords.speed

message        // v čitelné podobě
code           // UNKNOWN_ERROR, PERMISSION_DENIED,
                  POSITION_UNAVAILABLE, nebo TIMEOUT

checking      // vždycky první událost, která je vyvolána
downloading   // nalezen manifest, čtou se zdroje
progress      // stále se čtou zdroje
cached        // všechny zdroje uloženy, offline obsah je připraven!
noupdate      // manifest se nezměnil
updateready   // zdroje se změnily. Změny aktivujete voláním swapCache() 
obsolete      // manifest vrátil 404 (nebo 410)
error         // někde se to celé pokazilo

function() {
  var e = $dce("div");
  e.innerHTML = "<svg></svg>";
  if (!window.SVGSVGElement) { return false; }
  return e.firstChild instanceof window.SVGSVGElement;
}