首页 > 代码库 > Canvas的使用（1）
Canvas的使用（1）
获取Canvas对象：
<canvas id="t_canvas" width="300" height="300"></canvas> <script> var canvas=document.getElementId("t_canvas"); </script>
通过获取canvas的上下文对象getContext()并调用上下文的方法才能进行绘制：
<canvas id="t_canvas" width="300" height="300"></canvas> <script> var canvas=document.getElementId("t_canvas"); //获取canvas对象 var ctx=canvas.getContext("2d"); //获取上下文对象 ctx.fillStyle="rgb(255,0,0)"; //调用fillStyle()方法填充为红色 ctx.fillRect(50,50,200,200); //绘制矩形 </script>
用fillStyle()填充颜色，颜色有三种指定的方法：
ctx.fillStyle="#FF0000";ctx.fillStyle="rgb(255,0,0)";ctx.fillStyle="rgba(255,0,0,0.5)"; //其中的0.5指透明度
Canvas的使用（1）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。