[HTML5边玩边学5：图像、图案和字体.docxVIP

　一、创建图像对象　在 HTML5 中，Image 对象对应着一幅图片，想要获取一个图像对象，有以下几种方法：　1)通过 document.images 集合、document.getElementsByTagName 方法或者 document.getElementById 方法来获取网页内已经存在的图片对象；　2)用 document.getElementsByTagName 或 document.getElementById 方法来获取另外一个 Canvas 对象，将这个 Canvas 对象作为一个图像对象；　3)最常用的方法：创建一个新的空 Image 对象，给他一个图片的超链接，代码如下：//创建一个空图像对象var img = new Image();//给图像对象一个图片超链接img.src = myImage.png; 　4) 最后一种是通过 data: url 方式嵌入图像，这种方法很奇妙，他可以用一个很长的字符串来表示一幅图像。　那么这个很长的字符串是怎么来的呢？他是把真正的图像文件（bmp jpg 等等）通过 Base64 编码而来，具体的编码程序网上能搜索到很多，我博客里就有一个 Python 版的。　用这种方式的好处就是，图片资源始终内嵌在 HTML 网页文件中，缺点是数据量太大，而且图片没办法缓存，导致网页文件打开速度变慢。下面的字符串就是一幅美女图片的