Zusammenfassung aller Methoden des Canvas-Interfaces

Diese Übersicht enthält alle Methoden des 2d-Interfaces des HTML5-Canvas-Elementes mit ihrer Gruppenezugehörigkeit und und den Formaten der Rückgabewerte. Die Tabelle kann durch einen Klick auf eine Spaltenüberschrift sortiert werden.

Methode Gruppe Format Rückgabewert Beispiel
toDataURL Canvas element string  
getContext Canvas element Object Einfaches Grundgerüst
save 2D Context void  
restore 2D Context void  
scale Transformation void Transformationen
rotate Transformation void Transformationen
translate Transformation void Transformationen
transform Transformation void Transformationen
setTransform Transformation void Transformationen
drawImage Image zeichnen void Datei laden
createLinearGradient Farben, Stile, Schatten CanvasGradient  
createRadialGradient Farben, Stile, Schatten CanvasGradient  
createPattern Farben, Stile, Schatten CanvasPattern  
addColorStop CanvasGradient Schnittstelle void  
beginPath Pfadmanipulation void Komplexe Grafikobjekte
closePath Pfadmanipulation void Komplexe Grafikobjekte
fill Pfadmanipulation void Komplexe Grafikobjekte
stroke Pfadmanipulation void Komplexe Grafikobjekte
clip Pfadmanipulation void  
moveTo Pfadmanipulation void Linien
lineTo Pfadmanipulation void Linien
quadraticCurveTo Pfadmanipulation void Quadratische Kurven
bezierCurveTo Pfadmanipulation void Bezierkurven
arcTo Pfadmanipulation void  
arc Pfadmanipulation void  
rect Pfadmanipulation void  
isPointInPath Pfadmanipulation boolean  
clearRect Rechtecke void Rechtecke zeichnen
fillRect Rechtecke void Rechtecke zeichnen
strokeRect Rechtecke void Rechtecke zeichnen
fillText Text void Texte darstellen
strokeText Text void Texte darstellen
measureText Text TextMetrics Texte darstellen
createImageData Pixel Manipulation ImageData  
getImageData Pixel Manipulation ImageData  
putImageData Pixel Manipulation void