1、一旦获得了源图对象，我们就可以使用 drawImage 方法将它渲染到 canvas 里。
创新互联专业为企业提供米易网站建设、米易做网站、米易网站设计、米易网站制作等企业网站建设、网页设计与制作、米易企业网站模板建站服务，十余年米易做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
2、canvas 元素本身没有绘图能力。所有的绘制工作必须在 JavaScript 内部完成。大多数 Canvas 绘图 API 都没有定义在 canvas 元素本身上，而是定义在通过画布的 getContext() 方法 获得的一个“绘图环境”对象上。
3、如果你需要使用颜色来填充文字或制作描边文字，可以使用2D上下文的fillStyle和strokeStyle属性来完成。要在canvas上绘制文字，可以通过2D上下文的fillText()函数或strokeText()函数来完成。
4、Canvas 中也一样，你需要控制一只画笔的移动和绘制。然而 Canvas 更高级一些，你可以直接利用一些函数来画图，不用去控制那只画笔的位置。
5、HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 Canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 Canvas 是逐像素进行渲染的。
6、HTML5 canvas 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.canvas 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用Canva绘制路径，盒、圆、字符以及添加图像。
如果是要平铺的图片只能做成单张的图片，集合图片（css sprite）是不行的。至于实现平铺效果用：background-repeat：repeat；background-repeat：repeat-y；background-repeat：repeat-x；再看看别人怎么说的。
CSS中定位背景图片的属性是：background-position，用法background-position 属性设置背景图像的起始位置。
html网页设计里面平铺背景图片的代码如下： HTML网页设计 网页设计--根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。
图片不够大，又background属性不能拉伸图片；只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用；body的background属性去掉，要不然会被遮住。
背景定位 可以利用 background-position 属性改变图像在背景中的位置。
如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中；如果通过div嵌入图片，那么将此div设置成绝对定位，z-index：-1。
html5中是通过css3的background-size来控制自适应的。
style=width：50%/ 这样就会保持屏幕的50%的宽度。
在body标签里添加文件路径，语法如下：body background=文件路径 这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。
把这个放在head区域 或者写在单独的css样式表文件里。万维网上的一个超媒体文档称之为一个页面（外语：page）。
首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。然后先在浏览器中预览一下效果。
这不叫重叠，这叫平铺... ，设置背景no-repeat 就不平铺了。
} 调用：class=tabbg注意：CSS代码中的background-position： left bottom；就是定义背景图片的位置为左下，可根据具体需要做调整，如右上right top；左上left top；右下right bottom；等等。
那要看你对图片的显示质量有没有要求了，有方法能实现你的要求 可是不能保证图片的质量了。这个方法虽然能满足你的要求 可是弊端太多。。