jCanvas 5.5
Methods
.addLayer()
.animateLayer()
.clearCanvas()
.delayLayer()
.draw()
.drawArc()
.drawBezier()
.drawEllipse()
.drawImage()
.drawLayers()
.drawLine()
.drawPolygon()
.drawQuad()
.drawRect()
.drawText()
.getCanvasImage()
.getLayer()
.getLayers()
.gradient()
.pattern()
.removeLayer()
.removeLayers()
.restoreCanvas()
.rotateCanvas()
.saveCanvas()
.scaleCanvas()
.setPixels()
.stopLayer()
.translateCanvas()
Add Method
Properties
align
autosave
baseline
ccw
closed
compositing
cornerRadius
cropFromCenter
end
fillStyle
font
fromCenter
height
inDegrees
layer
load
mask
miterLimit
opacity
projection
r1
r2
radius
repeat
rotate
rounded
sHeight
sWidth
scale
scaleX
scaleY
shadowBlur
shadowColor
shadowX
shadowY
sides
source
start
strokeCap
strokeJoin
strokeStyle
strokeWidth
sx
sy
text
translate
translateX
translateY
visible
width
x
y
Add Property
Draw Canvas
$("#canvas") .attr({width: 200, height: 200}) .drawLine({ x1: 40, y1: 100, x2: 100, y2: 160, x3: 160, y3: 100, strokeWidth: 6, strokeStyle: "#f00", rounded: true }) .drawArc({ strokeStyle: "#f00", strokeWidth: 6, strokeCap: "round", radius: 33, x: 133, y: 81, start: 270, end: 128 }) .drawArc({ strokeStyle: "#f00", strokeWidth: 6, strokeCap: "round", radius: 33, x: 67, y: 81, start: 232, end: 90 });