html5中关于canvas说法错误的是,【HTML5】关于canvas 关于canvas
Canvas可以说是HTML5中最强⼤的功能之⼀。使⽤它，除了可以实现基础的绘图画板外，最让⼈惊喜的是，配合简单的计时器或动画API，我们还可以开发出酷炫的图表、流畅的游戏等丰富的功能。
什么是canvas
是⼀个可以使⽤脚本(通常为JavaScript)在其中绘制图形的 HTML 元素。
元素不被⼀些⽼的浏览器所⽀持，但是所有的主流浏览器的近期版本都⽀持。
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari ⽀持 元素. 注意: Internet Explorer 8 及更早 IE 版本的浏览器不⽀持  元素。
模板⾻架
您的浏览器不⽀持canvas
var ElementById("mycanvas");
var Context("2d");
标签只有两个属性—— width和height，这两个属性是可选的。当我们没有定义时，Canvas 的默认⼤⼩为300像素×150像素(宽×⾼，像素的单位是px)。但是，我们也可以使⽤HTML的⾼度和宽度属性来⾃定义尺⼨。
canvas尺⼨
canvas元素有两套尺⼨：⼀个是元素本⾝的⼤⼩(通过CSS设置)，另⼀个是元素绘图表⾯的⼤⼩(通过canvas⾃⾝的width和height属性设置)。
注意：通过CSS修改width和height，只是改变了元素本⾝⼤⼩，对元素绘图表⾯的⼤⼩并⽆影响;⽽通过修改属性width和height，则会同时改变元素本⾝⼤⼩和绘图表⾯⼤⼩。
你可以像给其他DOM元素⼀样给canvas添加样式；当开始时没有为canvas规定样式规则，默认背景⾊与其⽗元素⼀致。
注意：由于某些较⽼的浏览器(尤其是IE9之前的IE浏览器)或者⽂本浏览器不⽀持HTML元素"canvas"，在这些浏览器上你应该总是能展⽰替代内容，如上⾯例⼦中的"您的浏览器不⽀持canvas"，或者你可以加⼀个img。 当然，对于那些⽀持的浏览器，它将会忽略在容器中包含的内容，并且只是正常渲染canvas。
当然，你也可以⽤代码去检测canvas的⽀持性：
var canvas = ElementById('tutorial');
canvas动画if (Context) {
var ctx = Context('2d'); // ⽀持
} else {
//不⽀持
}
使⽤ JavaScript 来绘制图像
在真正学习绘制图像之前，我们有必要了解⼀下Canvas坐标。
canvas是⼀个⼆维⽹格，以左上⾓坐标为(0,0)，如下图所⽰：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。