Mac OS X Reference Library Apple Developer
Search

CanvasRenderingContext2D

Module:
html
Inherits from:
Declared In:

Overview

Use the links in the table of contents to the left to access the documentation.



Functions

arc
arcTo
beginPath
bezierCurveTo
clearRect
clearShadow
clip
closePath
createImageData
createImageData(in float, in float)
createImageData(in ImageData)
createLinearGradient
createPattern
createPattern(in HTMLCanvasElement, in DOMString)
createPattern(in HTMLImageElement, in DOMString)
createRadialGradient
drawImage()
drawImage(in HTMLCanvasElement, in float, in float)
drawImage(in HTMLCanvasElement, in float, in float, in float, in float)
drawImage(in HTMLCanvasElement, in float, in float, in float, in float, in float, in float, in float, in float)
drawImage(in HTMLImageElement, in float, in float)
drawImage(in HTMLImageElement, in float, in float, in float, in float)
drawImage(in HTMLImageElement, in float, in float, in float, in float, in float, in float, in float, in float)
drawImage(in HTMLVideoElement, in float, in float)
drawImage(in HTMLVideoElement, in float, in float, in float, in float)
drawImage(in HTMLVideoElement, in float, in float, in float, in float, in float, in float, in float, in float)
drawImageFromRect()
drawImageFromRect(in HTMLImageElement, in float, in float, in float, in float, in float, in float, in float, in float, in DOMString)
fill
fillRect
fillText()
fillText(in DOMString, in float, in float, in float)
getImageData
isPointInPath
lineTo
measureText
moveTo
putImageData()
putImageData(in ImageData, in float, in float, in float, in float, in float, in float)
quadraticCurveTo
rect
restore
rotate
save
scale
setAlpha
setCompositeOperation
setFillColor
setFillColor(in DOMString, in float)
setFillColor(in float, in float)
setFillColor(in float, in float, in float, in float)
setFillColor(in float, in float, in float, in float, in float)
setLineCap
setLineJoin
setLineWidth
setMiterLimit
setShadow
setShadow(in float, in float, in float, in DOMString, in float)
setShadow(in float, in float, in float, in float, in float)
setShadow(in float, in float, in float, in float, in float, in float, in float)
setShadow(in float, in float, in float, in float, in float, in float, in float, in float)
setStrokeColor
setStrokeColor(in DOMString, in float)
setStrokeColor(in float, in float)
setStrokeColor(in float, in float, in float, in float)
setStrokeColor(in float, in float, in float, in float, in float)
setTransform
stroke
strokeRect()
strokeRect(in float, in float, in float, in float, in float)
strokeText()
strokeText(in DOMString, in float, in float, in float)
transform
translate

arc



void arc(
    in float x,
    in float y,
    in float radius,
    in float startAngle,
    in float endAngle,
    in boolean anticlockwise) raises (DOMException); 

arcTo



void arcTo(
    in float x1,
    in float y1,
    in float x2,
    in float y2,
    in float radius) raises (DOMException); 

beginPath



void beginPath(); 

bezierCurveTo



void bezierCurveTo(
    in float cp1x,
    in float cp1y,
    in float cp2x,
    in float cp2y,
    in float x,
    in float y); 

clearRect



void clearRect(
    in float x,
    in float y,
    in float width,
    in float height); 

clearShadow



void clearShadow(); 

clip



void clip(); 

closePath



void closePath(); 

createImageData



ImageData createImageData(/* 3 */); 

createImageData(in float, in float)



ImageData createImageData(
    in float sw,
    in float sh) raises (DOMException); 

createImageData(in ImageData)



ImageData createImageData(
    in ImageData imagedata) raises (DOMException); 

createLinearGradient



CanvasGradient createLinearGradient(
    in float x0,
    in float y0,
    in float x1,
    in float y1) raises (DOMException); 

createPattern



void createPattern(/* 2 */); 

createPattern(in HTMLCanvasElement, in DOMString)



CanvasPattern createPattern(
    in HTMLCanvasElement canvas,
    in DOMString repetitionType) raises (DOMException); 

createPattern(in HTMLImageElement, in DOMString)



CanvasPattern createPattern(
    in HTMLImageElement image,
    in DOMString repetitionType) raises (DOMException); 

createRadialGradient



CanvasGradient createRadialGradient(
    in float x0,
    in float y0,
    in float r0,
    in float x1,
    in float y1,
    in float r1) raises (DOMException); 

drawImage()



void drawImage(/* 3 */); 

drawImage(in HTMLCanvasElement, in float, in float)



void drawImage(
    in HTMLCanvasElement canvas,
    in float x,
    in float y) raises (DOMException); 

drawImage(in HTMLCanvasElement, in float, in float, in float, in float)



void drawImage(
    in HTMLCanvasElement canvas,
    in float x,
    in float y,
    in float width,
    in float height) raises (DOMException); 

drawImage(in HTMLCanvasElement, in float, in float, in float, in float, in float, in float, in float, in float)



void drawImage(
    in HTMLCanvasElement canvas,
    in float sx,
    in float sy,
    in float sw,
    in float sh,
    in float dx,
    in float dy,
    in float dw,
    in float dh) raises (DOMException); 

drawImage(in HTMLImageElement, in float, in float)



void drawImage(
    in HTMLImageElement image,
    in float x,
    in float y) raises (DOMException); 

drawImage(in HTMLImageElement, in float, in float, in float, in float)



void drawImage(
    in HTMLImageElement image,
    in float x,
    in float y,
    in float width,
    in float height) raises (DOMException); 

drawImage(in HTMLImageElement, in float, in float, in float, in float, in float, in float, in float, in float)



void drawImage(
    in HTMLImageElement image,
    in float sx,
    in float sy,
    in float sw,
    in float sh,
    in float dx,
    in float dy,
    in float dw,
    in float dh) raises (DOMException); 

drawImage(in HTMLVideoElement, in float, in float)



void drawImage(
    in HTMLVideoElement video,
    in float x,
    in float y) raises (DOMException); 

drawImage(in HTMLVideoElement, in float, in float, in float, in float)



void drawImage(
    in HTMLVideoElement video,
    in float x,
    in float y,
    in float width,
    in float height) raises (DOMException); 

drawImage(in HTMLVideoElement, in float, in float, in float, in float, in float, in float, in float, in float)



void drawImage(
    in HTMLVideoElement video,
    in float sx,
    in float sy,
    in float sw,
    in float sh,
    in float dx,
    in float dy,
    in float dw,
    in float dh) raises (DOMException); 

drawImageFromRect()



void drawImageFromRect(/* 10 */); 

drawImageFromRect(in HTMLImageElement, in float, in float, in float, in float, in float, in float, in float, in float, in DOMString)



void drawImageFromRect(
    in HTMLImageElement image, 
    in float sx,
    in float sy,
    in float sw,
    in float sh, 
    in float dx,
    in float dy,
    in float dw,
    in float dh,
    in DOMString compositeOperation); 

fill



void fill(); 

fillRect



void fillRect(
    in float x,
    in float y,
    in float width,
    in float height); 

fillText()



void fillText(/* 4 */); 

fillText(in DOMString, in float, in float, in float)



void fillText(
    in DOMString text,
    in float x,
    in float y,
    in float maxWidth); 

getImageData



ImageData getImageData(
    in float sx,
    in float sy,
    in float sw,
    in float sh) raises(DOMException); 

isPointInPath



boolean isPointInPath(
    in float x,
    in float y); 

lineTo



void lineTo(
    in float x,
    in float y); 

measureText



TextMetrics measureText(
    in DOMString text); 

moveTo



void moveTo(
    in float x,
    in float y); 

putImageData()



void putImageData(/* in ImageData imagedata, in float dx, in float dy [, in float dirtyX, in float dirtyY, in float dirtyWidth, in float dirtyHeight] 
        */); 

putImageData(in ImageData, in float, in float, in float, in float, in float, in float)



void putImageData(
    in ImageData imagedata,
    in float dx,
    in float dy,
    in float dirtyX,
    in float dirtyY,
    in float dirtyWidth,
    in float dirtyHeight) raises(DOMException); 

quadraticCurveTo



void quadraticCurveTo(
    in float cpx,
    in float cpy,
    in float x,
    in float y); 

rect



void rect(
    in float x,
    in float y,
    in float width,
    in float height); 

restore



void restore(); 

rotate



void rotate(
    in float angle); 

save



void save(); 

scale



void scale(
    in float sx,
    in float sy); 

setAlpha



void setAlpha(
    in float alpha); 

setCompositeOperation



void setCompositeOperation(
    in DOMString compositeOperation); 

setFillColor



void setFillColor(/* 1 */); 

setFillColor(in DOMString, in float)



void setFillColor(
    in DOMString color,
    in float alpha); 

setFillColor(in float, in float)



void setFillColor(
    in float grayLevel,
    in float alpha); 

setFillColor(in float, in float, in float, in float)



void setFillColor(
    in float r,
    in float g,
    in float b,
    in float a); 

setFillColor(in float, in float, in float, in float, in float)



void setFillColor(
    in float c,
    in float m,
    in float y,
    in float k,
    in float a); 

setLineCap



void setLineCap(
    in DOMString cap); 

setLineJoin



void setLineJoin(
    in DOMString join); 

setLineWidth



void setLineWidth(
    in float width); 

setMiterLimit



void setMiterLimit(
    in float limit); 

setShadow



void setShadow(/* 3 */); 

setShadow(in float, in float, in float, in DOMString, in float)



void setShadow(
    in float width,
    in float height,
    in float blur,
    in DOMString color,
    in float alpha); 

setShadow(in float, in float, in float, in float, in float)



void setShadow(
    in float width,
    in float height,
    in float blur,
    in float grayLevel,
    in float alpha); 

setShadow(in float, in float, in float, in float, in float, in float, in float)



void setShadow(
    in float width,
    in float height,
    in float blur,
    in float r,
    in float g,
    in float b,
    in float a); 

setShadow(in float, in float, in float, in float, in float, in float, in float, in float)



void setShadow(
    in float width,
    in float height,
    in float blur,
    in float c,
    in float m,
    in float y,
    in float k,
    in float a); 

setStrokeColor



void setStrokeColor(/* 1  */); 

setStrokeColor(in DOMString, in float)



void setStrokeColor(
    in DOMString color,
    in float alpha); 

setStrokeColor(in float, in float)



void setStrokeColor(
    in float grayLevel,
    in float alpha); 

setStrokeColor(in float, in float, in float, in float)



void setStrokeColor(
    in float r,
    in float g,
    in float b,
    in float a); 

setStrokeColor(in float, in float, in float, in float, in float)



void setStrokeColor(
    in float c,
    in float m,
    in float y,
    in float k,
    in float a); 

setTransform



void setTransform(
    in float m11,
    in float m12,
    in float m21,
    in float m22,
    in float dx,
    in float dy); 

stroke



void stroke(); 

strokeRect()



void strokeRect(/* 4 */); 

strokeRect(in float, in float, in float, in float, in float)



void strokeRect(
    in float x,
    in float y,
    in float width,
    in float height,
    in float lineWidth); 

strokeText()



void strokeText(/* 4 */); 

strokeText(in DOMString, in float, in float, in float)



void strokeText(
    in DOMString text,
    in float x,
    in float y,
    in float maxWidth); 

transform



void transform(
    in float m11,
    in float m12,
    in float m21,
    in float m22,
    in float dx,
    in float dy); 

translate



void translate(
    in float tx,
    in float ty); 

Member Data

fillStyle
font
globalAlpha
globalCompositeOperation
lineCap
lineJoin
lineWidth
miterLimit
shadowBlur
shadowColor
shadowOffsetX
shadowOffsetY
strokeStyle
textAlign
textBaseline

fillStyle



attribute custom fillStyle; 

font



attribute DOMString font; 

globalAlpha



attribute float globalAlpha; 

globalCompositeOperation



attribute DOMString globalCompositeOperation; 

lineCap



attribute DOMString lineCap; 

lineJoin



attribute DOMString lineJoin; 

lineWidth



attribute float lineWidth; 

miterLimit



attribute float miterLimit; 

shadowBlur



attribute float shadowBlur; 

shadowColor



attribute DOMString shadowColor; 

shadowOffsetX



attribute float shadowOffsetX; 

shadowOffsetY



attribute float shadowOffsetY; 

strokeStyle



attribute custom strokeStyle; 

textAlign



attribute DOMString textAlign; 

textBaseline



attribute DOMString textBaseline; 

 

Did this document help you? Yes It's good, but... Not helpful...

Last Updated: 2010-05-27