canvas画布之概念篇

1、如果不为canvas设置大小,那么它默认是300*150。

2、如何设置笔:
  <canvas id="canvas" width="800px" height="600px">
    如果你看到了这段文字,说明你的浏览器版本过低,请更新。
  </canvas>

3、设置script

<script>
//1、获取标签元素
var canvas=document.getElementById("canvas");
//2、获取绘制环境
var conText=canvas.getContext("2d");
///3、开始画
//设置字体的样式
conText.font="80px 微软雅黑"; //大小 字体
conText.fillStyle="red";
conText.strokeStyle="lime";
//画文字 文字内容 开始的位置
conText.fillText("hello world",280,120);
conText.strokeText("hello world",280,280);
</script>
posted @ 2018-04-19 16:57  anabing  阅读(299)  评论(0编辑  收藏  举报