# 캔버스
```html
Test
```
- fillStyle
- strokeStyle
- lineWidth
- lineCap
- lineJoin
- font
- textAlign
- textBaseline
- shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY
- fillRect(x, y, w, h)
- strokeRect(x, y, w, h)
- clearRect(x ,y, w, h)
## Path
- beginPath()
- moveTo(x, y)
- lineTo(x, y)
- arc(x, y, radius, startAngle, endAngle, anticlockwise)
- arcTo(x,y,x,y,radius)
- bezierCurveTo(x,y,x,y,x,y)
- quadraticCurveTo(x,y,x,y)
- fill()
- stroke()
- closePath()
## Text
- strokeText(str, x, y)
- fillText(str, x, y)
- measureText(str)
## Image
```javascript
let image = new Image();
image.src = 'myimage.png';
image.onload = function(){
g.drawImage(image, 100, 100);
}
```
## 캔버스
- save()
- restore()
- rotate()
- scale()
- translate()
- transform()