HTML5通过调用canvas对象的getContext()方法来获取绘图环境技巧

web前端|H5教程

HTML5,canvas,绘图环境

web前端-H5教程

我们用的最基本的绘图环境在canvas中绘图，通过调用canvas对象的getContext()方法来获取绘图环境。getContext()方法只需要一个参数：绘图环境的类型。在游戏中，我们使用2D类型的绘图环境。

游戏店源码下载,ubuntu蓝牙音箱,tomcat服务端未启用,发票查询爬虫,PHP提交按钮的类型为,seo酒店流量lzw

获取canvas绘图环境

bs架构点餐源码,Ubuntu7u,tomcat解压包配置,开源网页爬虫,js里输出php变量,立春seolzw

复制代码代码如下:

vps管理源码,ubuntu图片软件推荐,tomcat跨站漏洞修复,爬虫内容过滤,个推 php,线上seo关键词优化费用lzw

<!– 声明必须是 HTML 文档的第一行，位于 标签之前。–>

//这个函数将在页面完全加载后调用

function pageLoaded()

{

//获取canvas对象的引用,注意tCanvas名字必须和下面body里面的id相同

var canvas = document.getElementById(‘tCanvas’);

//获取该canvas的2D绘图环境

var context = canvas.getContext(‘2d’);

//绘制代码将出现在这里

}

提示：你的浏览器不支持标签