HTML5的绘画支持(二)

绘图(一)

      CanvasRenderingContext2D提供的方法

方法签名   简要说明
void arc(float x,float y,float radius,float startAngle,float endAngle,boolean counterlockwise)   向Canvas的当前路径上添加一段弧
void arcTo(float x1,float y1,float x2,float y2,float radius,) 向Canvas的当前路径上添加一段弧。和前一个方法相比,知识定义弧的方式不同。
void beginPath() 开始定义路径
void closePath() 关闭前面定义的路径
void bezierCurveTo(float x1,float y1,float x2,float y2,float x,float y) 擦除指定矩形区域上绘制的图形。
void clip() 从画布上裁剪一块出来
CanvasPattern createPattern(Image image,String style) 创建 一个图形平铺
CanvasGradient createLinearGradient(float xStart,float yStart,float xEnd,float yEnd,) 创建一个现行渐变
CanvasGradient createRadialGradient(float xStart,float yStart,float radiusStart,float radiusStart,float xEnd,float yEnd,float radiusEnd) 创建一个圆形渐变

void drawImage(Image image,float x,float y)

void drawImage(Image image,float x,float y,float width,float height)

void drawImage(Image image,integersx,integer sy,integer sw,integer sh,float dx,float dy,float dw,float dh,) 

绘制图形

void fill()

填充Canvas的当前路径
void fillRect(float x,float y,foat width,float height) 填充一个矩形区域
void filltext(String Text,float x,float y,[[foat maxwidth]) 填充字符串
void lineTo(float x,float y) 把Canvas当前路径当前结束点连接到x、y对应的点
void moveTo(float x,float y) 把Canvas当前路径从结束点连接到x、y对应的点
void quadraticCurveTo(float cpX,float cpY,float x,float y) 向Canvas的当前路径上添加一段二次曲线
void rect(float x,float y,foat width,float height) 向Canvas的当前路径上添加一个矩形
void stroke() 沿着Canvas的当前路径绘制边框
void strokeRect(float x,float y,foat width,float height) 绘制一个矩形边框
void stroketext(String Text,float x,float y,[[foat maxwidth]) 绘制字符串边框
void save() 保存当前的绘图状态
void restore() 恢复之前保存的绘图状态
void rotate(float angle) 旋转坐标系统
void scale(float sx,float sy) 缩放坐标系统
void translate(float dx,float dy) 平移坐标系统

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。