## 简介 - 文档: - 文档: ### miniCAD在线绘图

### canvas绘图

```

``` ### 画矩形 ``` fillRect(x, y, width, height) strokeRect(x, y, width, height) clearRect(x, y, width, height) ``` ### 画路径

```

``` ``` beginPath() moveTo(x, y) LineTo(x, y) closePath() stroke() fill() arc(x, y, radius, startAngle, endAngle, anticlockwise) arcTo(x1, y1, x2, y2, radius) quadraticCurveTo(cp1x, cp1y, x, y) bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) new Path2D() ``` ### 设置样式

``` fillStyle = "red" fillStyle = "#FF0000" fillStyle = "rgb(255,0,0)" fillStyle = "rgb(255,0,0,1)" strokeStyle = var img = new Image(); img.src = "img.png"; img.onLoad = function() {} createPattern(img, style) createLinearGradient(x1, y1, x2, y2) createRadialGradient(x1, y1, r1, x2, y2, r2) addColorStop(position, color) shadowOffsetX shadowOffsetY shadowBlur shadowColor lineWidth lineCap lineJoin ``` ### 输出文字 ``` font textAlign textBaseline direction measureText() fillText(text, x, y[, maxWidth]) strokeText(text, x, y[, maxWidth]) ``` ### 坐标变换 ``` save() restore() translate(x,y) rotate(angle) scale(x, y) transform(a,b,c,d,e,f) setTransform(a,b,c,d,e,f) resetTransform() ```