Canvas基礎知识学习.docVIP

Canvas 基础知识学习 canvas是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。元素canvas是WhatWG Web applications 1.0也就是大家都知道的HTML 5标准规范的一部分。并不是所有现代浏览器都支持canvas元素，所以你需要 Firefox 1.5或更新版本、或者其他基于Gecko的浏览器例如Opera 9、或者最近版本的Safari才能看到所有示例的动作。?canvas元素 让我们从canvas元素的定义开始吧。canvas id=tutorial width=150 height=150/canvas canvas看起来很像img，唯一不同就是它不含 src 和 alt 属性。它只有两个属性，width 和 height，两个都是可选的，并且都可以 DOM 或者 CSS 来设置。如果不指定width 和 height，默认的是宽300像素，高150像素。虽然可以通过 CSS 来调整canvas的大小，但渲染图像会缩放来适应布局的（如果你发现渲染结果看上去变形了，不必一味依赖CSS，可以尝试显式指定canvas的width 和 height 属性值）。id? 属性不是canvas专享的，就像标准的HTLM标签一样，任何一