HTML5在canvas中绘制矩形附效果图-范文、应用文-IT技术专栏-网页制作-考试资料-在线学习网

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

标题	HTML5在canvas中绘制矩形附效果图
内容	可以使用绘图环境的矩形绘制函数来绘制矩形fillRect为绘制一个实心的矩形；strokeRect为绘制一个空心的矩形；clearRect为清除指定的矩形区域，使之完全透明，示例代码如下。一、绘制矩形 canvas使用原点(0,0)在左上角的坐标系统，x坐标向右递增，y坐标向下递增。使用绘图环境的矩形绘制函数来绘制矩形。 fillRect(x,y,width,height)：绘制一个实心的矩形。 strokeRect(x,y,width,height)：绘制一个空心的矩形。 clearRect(x,y,width,height)：清除指定的矩形区域，使之完全透明。二、在canvas中绘制矩形代码如下: <!--<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。--> <!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-type"content="text/html;charset=utf-8"> <title>HTML5</title> <scripttype="text/javascript"charset="utf-8"> //这个函数将在页面完全加载后调用 functionpageLoaded() { //获取canvas对象的引用,注意tCanvas名字必须和下面body里面的id相同 varcanvas=document.getElementById('tCanvas'); //获取该canvas的2D绘图环境 varcontext=canvas.getContext('2d'); //绘制代码将出现在这里 //实心矩形 //在点(200,10)处绘制一个宽和高均为100像素的实心正方形 context.fillRect(200,10,100,100); //在点(50,70)处绘制一个宽90像素、高30像素的实心矩形 context.fillRect(50,70,90,30); //空心矩形（矩形边框） //在点(110,10)处绘制一个宽和高均为50像素的正方形边框 context.strokeRect(110,10,50,50); //在点(30,10)处绘制一个宽和高均为50像素的正方形边框 context.strokeRect(30,10,50,50); //清除矩形区域 //清除点(210,20)处宽30像素、高20像素的矩形区域 context.clearRect(210,20,30,20); //清除点(260,20)处宽30像素、高20像素的矩形区域 context.clearRect(260,20,30,20); } </script> </head> <bodyonload="pageLoaded();"> <canvaswidth="400"height="200"id="tCanvas"style="border:black1pxsolid;"> <!--如果浏览器不支持则显示如下字体--> 提示：你的浏览器不支持<canvas>标签 </canvas> </body> </html> 三、绘制效果
随便看	2022年普洱市澜沧县城镇公益性岗位拟招聘人员公示（第二批） 2022年怒江州贡山县市场监督管理局招聘协管员公告 2022年迪庆州公安局特警警务辅助人员招聘公告 2022年西双版纳州勐海县财政局招聘公告 2022年楚雄州元谋县应急管理局招聘公告 2022年怒江州福利彩票管理中心招聘公告 2022年大理州弥渡县德苴乡卫生院招聘编制外工作人员公告 2021年曲靖市罗平县招聘乡村医生(笔试岗位）笔试成绩公示 2022年云南省供销合作社联合社直属事业单位招聘取消部分职位公告 2022年云南省供销合作社联合社直属事业单位招聘资格审查通过名单公告 2022年文山州马关县选任人民监督员公告 2022年怒江州福利彩票管理中心招聘公告 2022年红河州个旧市人民医院招聘劳务派遣工作人员公告 2022年临沧市云县医共体编制外合同制人员招聘公告 2022年德宏州瑞丽市畹町芒棒中心校招聘公益性岗位公告 2022年保山腾冲市消防救援大队专职消防队员招聘公告 2022年临沧市凤庆县鲁史中心卫生院编外人员招聘公告 2022年中国人民政治协商会议昆明市东川区委员会公益性岗位招聘启事 2022年保山市昌宁县翁堵镇中心完全小学春季招聘公告 2022年云南特殊教育职业学院招聘编制外工作人员公告 2022年普洱市志愿服务联合会工作人员招聘公告 2022年曲靖市信访局公益性岗位工作人员招聘公告 2021年昆明市文化和旅游局直属事业单位选调拟选调公示 2022年文山州中医医院编制外人员招聘公告 2021年昆明市档案馆选调工作人员拟调人员公示 enable enclose enclosure encounter encouragement encyclopaedia endanger endeavour ending endurance 转毂转氨基酶转氨酶转汇转注转流转游转湾转滚转炉父亲节的心愿作文6篇父亲节的作文实用5篇父亲节作文一年级6篇父亲节作文400字以上7篇父亲节作文500字左右6篇以父爱为主题的作文6篇初中父亲节作文怎么写6篇父亲节的作文范文6篇父亲节的作文小学6篇父亲节作文600字左右6篇

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