<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有height和width屬性。在<canvas>>元素上繪圖主要有三步： 1.獲取<canvas>元素對(duì)應(yīng)的DOM對(duì)象，這是一個(gè)Canvas對(duì)象；2.調(diào)用Canvas對(duì)象的getContext()方法，得到一個(gè)CanvasRenderingContext2D對(duì)象；3.調(diào)用CanvasRenderingContext2D對(duì)象進(jìn)行繪圖。圖形組合：?globalAlpha： 設(shè)置或返回繪圖的當(dāng)前 alpha 或透明值 該方法主要是設(shè)置圖形的透明度，這里就不具體介紹。?globalCompositeOperation： 設(shè)置或返回新圖像如何繪制到已有的圖像上，該方法有以下屬性值：下面是一個(gè)小示例，可以通過(guò)點(diǎn)擊改變組合效果：<!DOCTY

1. 有關(guān)圖形組合的文章推薦10篇

簡(jiǎn)介：&lt;canvas&gt;&lt;/canvas&gt;只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有height和width屬性。在&lt;canvas&gt;&gt;元素上繪圖主要有三步： 1.獲取&lt;canvas&gt;元素對(duì)應(yīng)的DOM對(duì)象，這是一個(gè)Canvas對(duì)象；2.調(diào)用Canvas對(duì)象的getContext()方法，得到一個(gè)CanvasRenderingC…

2. XML DOM對(duì)象方法的實(shí)例解析

簡(jiǎn)介：async 屬性 作 用 async 屬性表示是否允許異步的下載。 基本語(yǔ)法 boolValue ＝ XMLDocument.async;XMLDocument.async ＝ boolValue; 說(shuō) 明 布爾值是可擦寫(xiě)的（read/write），如果準(zhǔn)許異步下載，值為T(mén)rue；反之則為False。

3. 具體介紹如何在IE中創(chuàng)建DOM并載入XML的詳情

簡(jiǎn)介：Microsoft在JavaScript中引入了用于創(chuàng)建ActiveX對(duì)象的ActiveXObject類(lèi)，通過(guò)該類(lèi)可以創(chuàng)建XML DOM對(duì)象的實(shí)例，代碼如下：

4. HTML5新特性之Mutation Observer代碼詳解

簡(jiǎn)介：Mutation Observer（變動(dòng)觀察器）是監(jiān)視DOM變動(dòng)的接口。當(dāng)DOM對(duì)象樹(shù)發(fā)生任何變動(dòng)時(shí)，Mutation Observer會(huì)得到通知。

5. 使用jQuery進(jìn)行組件開(kāi)發(fā)完整例子詳解

簡(jiǎn)介：使用jQuery進(jìn)行組件開(kāi)發(fā)和使用純JavaScript腳本（不使用框架）原理基本類(lèi)似，特別是公共方法的組織是一樣的。不同點(diǎn)是，jQuery使用了插件機(jī)制，通過(guò)$()直接進(jìn)行操作對(duì)象（DOM元素）綁定，然后對(duì)DOM元素或HTML代碼進(jìn)行綁定事件等的操作。另一個(gè)不同點(diǎn)則是把jQuery當(dāng)做工具來(lái)使用，用來(lái)創(chuàng)建DOM對(duì)象，快速查找指定DOM對(duì)象等。例子測(cè)試通過(guò)。初級(jí)簡(jiǎn)單示例，只實(shí)現(xiàn)了增

6. XML中的樹(shù)形結(jié)構(gòu)與DOM文檔對(duì)象模型的示例代碼（圖）

簡(jiǎn)介：這篇文章主要介紹了XML中的樹(shù)形結(jié)構(gòu)與DOM文檔對(duì)象模型,文中舉了JavaScript解析DOM對(duì)象的例子,需要的朋友可以參考下

7. JavaScript中的DOM操作很慢的原因圖文代碼詳細(xì)介紹

簡(jiǎn)介：一直都聽(tīng)說(shuō)DOM很慢，要盡量少的去操作DOM，于是就想進(jìn)一步去探究下為什么大家都會(huì)這樣說(shuō)，在網(wǎng)上學(xué)習(xí)了一些資料，這邊整理出來(lái)。 首先，DOM對(duì)象本身也是一個(gè)js對(duì)象，所以嚴(yán)格來(lái)說(shuō)，并不是操作這個(gè)對(duì)象慢，而是說(shuō)操作了這個(gè)對(duì)象后，會(huì)觸發(fā)一些瀏覽器行為，比如布局（layout）和繪制（paint）。下面主要先介紹下這些瀏覽器行為，闡述一個(gè)頁(yè)面是怎么最終被呈現(xiàn)出來(lái)的，另外還會(huì)從代碼的角度，來(lái)說(shuō)明一些不好的實(shí)踐以及一些優(yōu)化方案。 瀏覽器是如何呈..

8. 為什么說(shuō)DOM操作很慢

簡(jiǎn)介：一直都聽(tīng)說(shuō)DOM很慢，要盡量少的去操作DOM，于是就想進(jìn)一步去探究下為什么大家都會(huì)這樣說(shuō)，在網(wǎng)上學(xué)習(xí)了一些資料，這邊整理出來(lái)。首先，DOM對(duì)象本身也是一個(gè)js對(duì)…

9. HTML5 canvas基本繪圖之圖形組合

簡(jiǎn)介：<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有height和width屬性。在<canvas>>元素上繪圖主要有三步： 1.獲取<canvas>元素對(duì)應(yīng)的DOM對(duì)象，這是一個(gè)Canvas對(duì)象；2.調(diào)用Canvas對(duì)象的getContext()方法，得到一個(gè)CanvasRenderingContext2D對(duì)象；3.調(diào)用CanvasRenderi

10. PHP 原生 DOM 對(duì)象操作 XML

簡(jiǎn)介：對(duì)于操作XML類(lèi)型文件，PHP內(nèi)置有一套DOM對(duì)象可以進(jìn)行處理。對(duì)XML的操作，從創(chuàng)建、添加到修改、刪除都可以使用DOM對(duì)象中的函數(shù)來(lái)進(jìn)行。

【相關(guān)問(wèn)答推薦】：

javascript – js對(duì)象的方法中引用自身對(duì)象，無(wú)法找到對(duì)象？

javascript – 關(guān)于插入xml對(duì)象問(wèn)題？

html – javascript動(dòng)態(tài)插入DOM節(jié)點(diǎn)詳細(xì)過(guò)程如何

javascript – jquery的$符能返回默認(rèn)dom對(duì)象嗎？

javascript – 關(guān)于js中內(nèi)存泄露的問(wèn)題