摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } html, body { background-colo 阅读全文
摘要：
###canvas中的变换 translate(x, y) 我们先介绍 translate 方法，它用来移动 canvas的原点到一个不同的位置。 translate 方法接受两个参数。x 是左右偏移量，y 是上下偏移量， 在canvas中translate是累加的 rotate(angle) 这个 阅读全文
摘要：
###角度与弧度的js表达式:radians=(Math.PI/180)*degrees。 ###canvas绘制圆形 arc(x, y, radius, startAngle, endAngle, anticlockwise) 画一个以（x,y）为圆心的以radius为半径的圆弧（圆），从star 阅读全文
摘要：
###二次贝塞尔 quadraticCurveTo(cp1x, cp1y, x, y) 绘制二次贝塞尔曲线，cp1x,cp1y为一个控制点，x,y为结束点。 起始点为moveto时指定的点 ###三次贝塞尔 bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) 绘制 阅读全文
摘要：
/* 1.路径容器 每次调用路径api时,都会往路径容器里做登记 调用beginPath时,清空整个路径容器 2.样式容器 每次调用样式api时,都会往样式容器里做登记 调用save时候,将样式容器里的状态压入样式栈 调用restor时候,将样式栈的栈顶状态弹出到样式样式容器里,进行覆盖 3.样式栈 阅读全文
摘要：
###canvas绘制路径 图形的基本元素是路径。路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。 ###步骤 1.首先，你需要创建路径起始点。 2.然后你使用画图命令去画出路径 3.之后你把路径封闭。 4.一旦路径生成，你就能通过描边或填充路径区域来渲染图形。 ###绘制三角形 阅读全文