html5 canvas获取坐标,HTML5 canvas坐标

在canvas当中有一个特殊的东西叫做“坐标”！没错，就是平时所熟知的坐标体系。canvas拥有自己的坐标体系，从最上角0, 0开始，X向右是增大，Y向下是增大。也可以借助CSS当中的盒子模型的概念来帮助理解。

尽管canvas元素功能非常强大，用处也很多，但在某些情况下，如果其他元素已经够用了，就不 应该再使用canvas元素。例如，用canvas元素在HTML页面中动态绘制所有不同的标题，就不如直 接使用标题样式标签(H1、H2等)，必定它们与canvas元素实现的效果是一样的。

在访问页面的时候，如果浏览器不支持canvas元素，或者不支持HTML5 canvas API中的某些 特性，那么开发人员最好提供一份替代代码。例如，开发人员可以通过一张替代图片或者一些说明性的 文字告诉访问者：使用最新的浏览器可以获得更佳的浏览效果。下列代码展示了如何在canvas中指定 替代文本，当浏览器不支持canvas的时候，会显示这些替代内容，代码如下：

Update your browser to enjoy canvas!

除了上面代码中的文本外，同样可以使用图片。不论是文本，还是图片，都会在浏览器不支持 canvas元素的情况下显示出来。

提供替代图像或替代文本引出了可访问性这个话题。很遗憾，这是HTML5 canvas规范中明显的缺陷。例如，没有一种原生方法能够自动为已插入到canvas中的图片生成用于替换的文字说明。同样，也没有原生方法可以生成替代文字以匹配由canvas Text API动态生成的文字。暂时还没有其他方法可以处理canvas中动态生成的内容，不过已经有工作组开始着手这方面的设计了，让我们一起期待吧。