html5做的中国象棋棋盘
var qpan=qp.getContext
("2d");
var
width=qp.width,height=qp.height;
qpan.beginPath();
qpan.strokeStyle='red';
qpan.lineWidth=6;
qpan.rect(0,0,width,height);
qpan.stroke();
qpan.closePath();
qpan.lineWidth=1;
qpan.rect(6,6,width-
12,height-2);
qpan.stroke();
for(i=0;i<=7;i++){
var begin=56;
var whole=begin
+i*50;
qpan.beginPath();
qpan.moveTo(whole,7);
qpan.lineTo(whole,206);
qpan.closePath();
qpan.stroke();
qpan.beginPath();
qpan.moveTo(whole,256);
qpan.lineTo(whole,height-7);
qpan.closePath();
qpan.stroke();
}
for(i=0;i<=8;i++){
var begin=56;
var whole=begin
+i*50;
qpan.beginPath();
qpan.moveTo(7,whole);
qpan.lineTo(width-7,whole);
qpan.closePath();
qpan.stroke();
}
qpan.beginPath();
function lhome(x,y){
qpan.lineTo(x+100,y
+100);
qpan.lineWidth=2;
qpan.stroke();
}
function rhome(x,y){
qpan.moveTo(x,y);
qpan.lineTo(x-100,y
+100);
qpan.lineWidth=2;
qpan.stroke();
}
function rcenter(x,y){
qpan.beginPath();
qpan.moveTo(x+4,y-
12);
qpan.lineTo(x+4,y-
3);
qpan.lineTo(x+13,y-
3);
qpan.stroke();
qpan.beginPath();
qpan.moveTo(x+4,y +12);
+3);
qpan.lineTo(x+13,y
+3);
qpan.stroke();
}
function lcenter(x,y){
qpan.beginPath();
qpan.moveTo(x-4,y-
12);
qpan.lineTo(x-4,y-
3);
qpan.lineTo(x-13,y-
3);
qpan.stroke();
qpan.beginPath();
qpan.moveTo(x-4,y
+12);
qpan.lineTo(x-4,y
+3);
qpan.lineTo(x-13,y
+3);
qpan.stroke();
}
var site=new Array();
site=[[56,106],[356,106],
[106,156],[206,156],[306,156],[56,356],[356,356],
[106,306],[206,306],[306,306]];
for(i=0;i lcenter(site[i] [0],site[i][1]); rcenter(site[i] [0],site[i][1]); } lcenter(406,156); rcenter(6,156); lcenter(406,306); rcenter(6,306); lhome(156,6); rhome(256,6); lhome(156,356); rhome(256,356); qpan.beginPath(); qpan.font="30px Arial" ; qpan.strokeText("楚 河",56,241); qpan.beginPath(); qpan.strokeText("漢界",256,241); 沈阳航空航天大学 课程设计 学号2009040603046 班级94060302 姓名崔凯宏 指导教师刘学平 2011年7月6 日 沈阳航空航天大学 课程设计任务书 学院:机电工程学院专业:车辆工程班级:94060302 学号:2009040603046 题目:绘制象棋棋盘 一、课程设计时间 2011年6月27日~2011年7月1日(第17周),共计1周。 二、课程设计内容 在窗体上或者PictureBox控件上绘制象棋棋盘(不必表示棋子)。 要求,程序运行后,如果改变了窗体的大小,棋盘将作同比例的改变。 三、课程设计要求 程序质量: ?贯彻事件驱动的程序设计思想。 ?用户界面美观、醒目,操作方便;可以加以其它功能或修饰。 ?代码应适当缩进,并给出必要的注释,以增强程序的可读性。 课程设计说明书: ?课程结束后,上交课程设计说明书和源程序。课程设计说明书的内容参见提 供的模板。 四、指导教师和学生签字 指导教师:________ 学生签名:________ 五、成绩 六、教师评语 目录 一、需求分析 (4) 二、设计分析 (5) 三、关键技术 (7) 四、总结 (9) 五、完整的源程序 (10) 六、参考文献 (11) 一、需求分析 此程序要求绘制象棋棋盘,同时使界面清晰、美观,操作简单,程序运行后,如果改变了窗体的大小,棋盘将作同比例的改变。 要求: ① 贯彻事件驱动的程序设计思想。 ② 用户界面美观、醒目,操作方便;可以加以其它功 能或修饰。 ③ 代码应适当缩进,并给出必要的注释,以增强程序 的可读性。 二、设计分析 (1)基本原理:利用VB 提供的丰富的图形功能,通过图形 控件进行图形和绘图操作,然后通过图形方法在窗体上输出图形和文字,主要运用VB 图形方法的Cls 功能使棋盘可以随着窗体大小的变化而成比例变化。 图1 总体设计 呈现棋盘 利用坐标绘制 图形 定义窗 体坐标系 绘制象棋棋盘
html5做的中国象棋棋盘