摘要: 目前大部分新型浏览器器实现了HTML5 Canvas 原声的绘图API,但只支持2D渲染环境,这里创建一个空白的画布元素IE9一下的IE浏览器不支持画布元素,在这些浏览器上,我们有两个选择:1、当浏览器不支持画布时显示提示,可能是一段提醒用户升级浏览器的文案,画布的innerHTML就是画布的提示信息。2、使用ExplorerCanvas脚本兼容老版本的IE浏览器,不过有弊病,脚本文件比较大(99KB),而且需要在onload执行画布相关脚本才能生效。上下文对象操作图形需使用画布的上下文对象,可以通过以下方法获取上下文var canvas=document.getElementById(&qu 阅读全文
posted @ 2014-01-09 16:28 嘣嘣 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 习惯性的把宽高写在了style中,发现画出的图与实例不一致,经过了拉伸,经查询得知: canvas跟其他标签一样,也可以通过css来定义样式,但需要注意的是:canvas的默认宽高为300px*150px,在css中为canvas定义宽高,实际上把宽高为300px*150px的画布进行了拉伸,这样得到的图形就是变性的效果,因此在canvas绘图时,应该在canvas标签中直接定义宽高。 阅读全文
posted @ 2014-01-09 15:00 嘣嘣 阅读(774) 评论(0) 推荐(0) 编辑