HTML5如何为形状图上颜色怎么绘制具有颜色和透明度的矩形-范文、应用文-IT技术专栏-网页制作-范文大全-在线学习网

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

标题	HTML5如何为形状图上颜色怎么绘制具有颜色和透明度的矩形
范文	为形状图上颜色，需要使用fillStyle、strokeStyle两个重要的属性，下面为大家简要介绍下HTML5如何绘制具有颜色和透明度的矩形，需要的朋友可以参考下。一、自定义画笔样式如果想为形状图上颜色，需要使用以下两个重要的属性。 fillStyle：设置下来所有fill操作的默认颜色。 strokeStyle：设置下来所有stroke操作的默认颜色。二、绘制具有颜色和透明度的矩形代码如下: <!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'); //绘制代码将出现在这里 //设置填充颜色为红色 context.fillStyle="red"; //画一个红色的实心矩形 context.fillRect(50,50,100,40); //设置边线颜色为绿色 context.fillStyle="green"; //画一个绿色空心矩形 context.strokeRect(120,100,100,35); //使用rgb()设置填充颜色为蓝色 context.fillStyle="rgb(0,0,255)"; //画一个蓝色的实心矩形 context.fillRect(80,230,100,40); //设置填充色为黑色且alpha值(透明度)为0.2 context.fillStyle="rgba(0,0,0,0.2)"; //画一个透明的黑色实心矩形 context.fillRect(300,180,100,50); } </script> </head> <bodyonload="pageLoaded();"> <canvaswidth="500"height="300"id="tCanvas"style="border:black1pxsolid;"> <!--如果浏览器不支持则显示如下字体--> 提示：你的浏览器不支持<canvas>标签 </canvas> </body> </html> 三、绘制效果
随便看	高校大学生顶岗实习总结会计个人顶岗实习工作总结范文精选大学生销售实习工作总结范文实习总结集锦大全实习生个人总结范文(5篇) 建筑cad实训日志3篇图形色彩实训小结3篇教育实习总结报告个人范文5篇大四学生实习的个人总结与体会个人实习工作总结报告药厂实习总结范文临床实习生个人工作总结大学生顶岗实习总结报告内科医生实习报告素材模板护理学专业学生寒假实习总结范文教师实习工作个人总结精选范文银行个人实习工作总结范文精选中专药店实习总结范文3篇计算机软件专业实习总结个人医院实习工作总结药品销售实习工作体会总结范文机械专业实习生总结1000字土木工程生产实习总结范文护理实习期工作总结（精选8篇）第一次实习工作总结范文_实习工作总结5篇 enforceable enforceable obligation enforced enforcement enforcement action enforcement activity enforcement agency enforcement agency employee representative employee-representative 油料作物油晃晃油杉油条油松油果子油枯油柑油柿油桐 2020年柳州市教育局下属事业单位招聘工作人员拟聘用人选公示(第二批）曲靖医学高等专科学校2020年招聘拟录公示 2020年柳州城市职业学院事业单位招聘工作人员拟聘用人选公示黔南州龙里县人民医院2020年第二次招聘“备案制”管理人员公告（第三号）海口市妇幼保健院2020年招聘编外专业技术人员公告 2020年黔南州龙里县妇幼保健院招聘临聘人员简章 2020年黔南州龙里县妇幼保健院招聘备案制人员简章昆明市呈贡区2020年选调审判及检察辅助人员拟选调人选公示曲靖宣威市教育体育局2020年补充招聘教师面试成绩排名及成绩排名柳州市北部生态新区（阳和工业新区）2020年招聘事业单位工作人员

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。