html5中canvas学习笔记1-画板的尺寸与实际显示尺寸-范文、应用文-IT技术专栏-网页制作-考试资料-在线学习网

网站首页汉语字词英语词汇考试资料写作素材旧版资料

标题	html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
内容	在canvas中当在canvas上写width和height时为canvas的实际画板大小，默认情况下width为300px，height为150px。在style里面写css样式的时候widht和height为实际显示尺寸大小。现在以用canvas画一个对角线为例：代码如下: <!DOCTYPE html> <head> <meta charset=utf-8 /> <title>canvas</title> <script type='text/javascript'> window.onload = function(){ getCanvas(); }; //canvase绘图 function getCanvas(){ //获得canvas元素及其绘图上下文 var canvas = document.getElementById('canvasId'); var context = canvas.getContext('2d'); //用绝对路标来创建一条路径 context.beginPath(); context.moveTo(0,200); context.lineTo(200,0); //将这条先绘制到canvas上 context.stroke(); } </script> </head> <body> <canvas id='canvasId' width="200px" height='200px' style='width:400px;height:200px;' ></canvas> </body> </html> 显示效果如下：可以看到，canvas画板为200200的正方形，画图是用到了（0，200）到（200，0）的对角线显示。但是图形显示的时候为400200的长方形，而且显示的也是对角线。
随便看	2013年黑龙江职业学院会计金融学院证券投资专业介绍 2013年武汉体育学院社会体育指导与管理专业介绍 2013年武汉体育学院经济学(体育经济学)专业介绍 2013年武汉体育学院公共事业管理(体育管理)专业介绍 2014年泰山学院专业介绍汇总 2014年贵州大学明德学院英语专业介绍 2014年贵州大学明德学院管理工程系系部概况 2013年武汉体育学院信息与计算科学专业介绍 2013年黑龙江职业学院会计金融学院会计与审计专业介绍 2014年贵州大学明德学院行政管理专业介绍 2013年黑龙江职业学院会计金融学院会计电算化专业介绍 2013年武汉体育学院应用心理学(运动心理学)专业介绍 2014年贵州大学明德学院工程造价专业介绍 2014年贵州大学明德学院工程管理专业介绍 2014年贵州大学明德学院工商管理专业介绍 2014年贵州大学明德学院市场营销专业介绍 2014年贵州大学明德学院会计学专业介绍 2013年黑龙江职业学院食品药品学院药品生产与经营管理专业简介 2014年贵州大学明德学院国际经济与贸易专业介绍 2013年黑龙江职业学院食品药品学院药物制剂技术专业简介 2014年贵州大学明德学院财务管理专业介绍 2014年贵州大学明德学院机械设计制造及其自动化(机械制造及自动化方向)专业介绍 2014年贵州大学明德学院机械设计制造及其自动化(机电传动与控制方向)专业介绍 2014年贵州大学明德学院电气工程及其自动化专业介绍 2013年黑龙江职业学院食品药品学院食品营养与检测专业介绍 dirigiste dirk dirndl dirt dirtbag dirt bike dirt-bike dirt cheap dirt-cheap dirt floor 贋贌贍贎贏贐贑贒贓贔 2023董事长年会个人幽默发言稿5篇公司年会新员工代表年会发言稿5篇年会致辞简短霸气发言稿_公司员工年会致辞六篇 2023公司年会致辞万能模板兔年年会开场语致辞范文 2023运动会开幕式的领导致辞（7篇）运动会开幕式领导简短致辞（7篇）学校运动会开幕式领导致辞（7篇）订婚新娘致辞范文 2023元旦晚会演讲稿10篇

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。