网页画画-画世界网页版可不可以画画

我们可以获取canvas对象为var c=("myCanvas");其应有js属性方法如下列举:

1:绘制渲染对象,c.getContext("2d"),获取2d绘图对象,无论我们调用多少次获取的对象都将是相同的对象。

2:绘制方法:

clecrRect(left,top,width,height)清除制定矩形区域,

fillRect(left,top,width,height)绘制矩形,并以fillStyle填充。

fillText(text,x,y)绘制文字;

strokeRect(left,top,width,height)绘制矩形,以strokeStyle绘制边界。

beginPath():开启路径的绘制,重置path为初始状态;

closePath():绘制路径path结束,它会绘制一个闭合的区间,添加一条起始位置到当前坐标的闭合曲线;

moveTo(x,y):设置绘图其实坐标。

lineTo(x,y);绘制从当前其实位置到x,y直线。

fill(),stroke(),clip():在完成绘制的最后的填充和边界轮廓,剪辑区域。

arc():绘制弧,圆心位置、起始弧度、终止弧度来指定圆弧的位置和大小;

rect():矩形路径;

drawImage(Imag img):绘制图片;

quadraticCurveTo():二次样条曲线路径,参数两个控制点;

bezierCurveTo():贝塞尔曲线,参数三个控制点;

createImageData,getImageData,putImageData:为Canvas中像素数据。ImageData为记录width、height、和数据 data,其中data为我们色素的记录为

argb,所以数组大小长度为width*height*4,顺序分别为rgba。getImageData为获取矩形区域像素,而putImageData则为设置矩形区域像素;

… and so on!

3:坐标变换:

translate(x,y):平移变换,原点移动到坐标(x,y);

rotate(a):旋转变换,旋转a度角;

scale(x,y):伸缩变换;

save(),restore():提供和一个堆栈,保存和恢复绘图状态,save将当前绘图状态压入堆栈,restore出栈,恢复绘图状态;

画世界网页版可以画画。根据查询相关信息显示:画世界是专门为画手提供网上约稿和练习画画的社交app。画世界作为一款高效、有趣而简洁,并且拥有简单的社交功能的绘画软件,深受画手们的喜爱。

简单的可以用 这两个包

// 清空缓冲区

();

// 注意这里的MIME类型

("image/png");

// 创建一个 610X400 的图像

int width = 610, height = 400;

BufferedImage image = new BufferedImage(width, height,

_INT_RGB);

// 创建Java2D对象

/**

Graphics g = ();

Graphics2D g2d = (Graphics2D)g;

*/

Graphics2D g2d = ();

// 填充背景

();

(0, 0, width, height);

// 绘制新背景

GradientPaint grayGP = new GradientPaint(0, 0, , width, height,

new Color(200, 200, 200), false);

(grayGP);

(20, 20, width - 20, height - 20, 50, 50);

();

(12, 12, width - 20, height - 20, 50, 50);

BasicStroke bs = new BasicStroke(4.0f);

(bs);

(new Color(53, 76, 112));

(12, 12, width - 20, height - 20, 50, 50);

GradientPaint blueGP = new GradientPaint(120, 60, new Color(215, 230, 252),

120, 300, , false);

(blueGP);

(120, 60, 440, 300);

// 绘制图表标题

String chartTitle = "计算机编程类图书2004年月销售量统计图";

(new Font("方正粗宋简体", , 22));

();

(chartTitle, 140, 40);

// 创建虚线笔划

float[]dashes = { 3.f };

bs = new BasicStroke(1.0f, _ROUND, _ROUND,

10, dashes, 0);

(bs);

(new Font("Courier New", , 12));

String str = "2004-";

int stringLength = 0;

for (int i = 1; i <= 12; i++)

{

// 绘制垂直方向虚线

(80+i * 40, 50, 80+i * 40, 360);

// 绘制横轴上月份的说明文字

str += i;

stringLength = ().stringWidth(str);

if (i % 2 == 0)

{

(str, 80+i * 40 - stringLength / 2, 387);

}

else

{

(str, 80+i * 40 - stringLength / 2, 375);

}

str = "2004-";

}

str = "";

int stringHeight = 0;

for (int i = 0; i < 300; i += 30)

{

// 绘制水平方向虚线

(120, 60+i, 570, 60+i);

// 绘制纵轴上销售量的说明文字

str += 100-i / 3;

stringHeight = ().getAscent();

stringLength = ().stringWidth(str);

(str, 110-stringLength, 60+i + stringHeight / 2);

str = "";

}

// 绘制坐标轴

(new BasicStroke(3.0f));

(new Color(53, 76, 112));

(120, 50, 120, 360);

(120, 360, 570, 360);

// 绘制纵坐标上的标题

(new Font("黑体", , 15));

("月销售量", 40, 45);

// 调用TriangleServlet类,绘制坐标轴上的箭头

TriangleServlet ts = new TriangleServlet();

(new Color(53, 76, 112));

(10);

(60);

(570, 360, 2, 2, g2d); // 绘制横坐标轴上的箭头

(120, 50, 1, 2, g2d); // 绘制纵坐标轴上的箭头

String[] bookTitle = { "JAVA", "C#" };

Color[] bookColor = { , };

int[] sales = new int[12];

int[] month = new int[12];

(new Font("Courier New", , 12));

for (int i = 0; i < ; i++)

{

// 初始化绘制数据

int bookSales = 0;

for (int j = 0; j < ; j++)

{

bookSales = 45+(int)(() * 50);

sales[j] = 360-bookSales * 3;

month[j] = 120+j * 40;

}

// 重新设置笔划

(new BasicStroke(5.0f));

(bookColor[i]);

// 绘制月销售量折线

(month, sales, );

// 绘制图例

(30, 140+i * 20, 10, 10);

();

(bookTitle[i], 45, 150+i * 20);

}

// 部署图形

();

// 利用ImageIO类的write方法对图像进行编码

ServletOutputStream sos = ();

(image, "PNG", sos);

();