javascript canvas方法有哪些

javascript canvas方法有：createLinearGradient()、createPattern()、rect()、fillRect()、fill()、stroke()、clip()、arc()、arcTo()等。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

  標籤用於繪製圖像（透過腳本，通常是 JavaScript）。

不過， 元素本身並沒有繪製能力（它只是圖形的容器） - 您必須使用腳本來完成實際的繪圖任務。

getContext() 方法可傳回一個對象，該物件提供了用於在畫布上繪圖的方法和屬性。

javascript canvas方法

顏色、樣式和陰影

##描述#建立線性漸層（用在畫布內容上）。 #在指定的方向上重複指定的元素。 建立放射狀/環形的漸層（用在畫布內容上）。 #規定漸層物件中的顏色和停止位置。

	createLinearGradient()
	createPattern()
	createRadialGradient()
	addColorStop()

矩形#描述建立矩形。 繪製"被填滿"的矩形。 繪製矩形（無填滿）。 在給定的矩形內清除指定的像素。

	#rect()
	fillRect()
	strokeRect()
	clearRect()

路徑#描述填入目前繪圖（路徑）。 繪製已定義的路徑。 起始一條路徑，或重設目前路徑。 把路徑移到畫布中的指定點，不建立線條。 建立從目前點回到起始點的路徑。 新增一個新點，然後在畫布中建立從該點到最後指定點的線條。 從原始畫布剪下任意形狀和尺寸的區域。 建立二次貝塞爾曲線。 建立三次貝塞爾曲線。 建立弧/曲線（用於建立圓形或部分圓）。 建立兩切線之間的弧/曲線。 如果指定的點位於目前路徑中，則傳回 true，否則傳回 false。

	#fill()
	stroke()
	beginPath()
	moveTo()
	closePath()
	lineTo()
	clip()
	quadraticCurveTo()
	bezierCurveTo()
	arc()
	arcTo()
	isPointInPath()

轉換#描述縮放目前繪圖至更大或更小。 旋轉目前繪圖。 重新對應畫布上的 (0,0) 位置。 取代繪圖的目前轉換矩陣。 將目前轉換重設為單位矩陣。然後運行 transform()。

	#scale()
	rotate()
	translate()
	transform()
	setTransform()

文字#描述在畫布上繪製"被填滿的"文字。 在畫布上繪製文字（無填滿）。 #傳回包含指定文字寬度的物件。

	#fillText()
	strokeText()
	measureText()

圖片繪製##描述#drawImage()向畫布上繪製圖像、畫布或影片。

	#方法

###

像素操作

方法	#描述
createImageData()	建立新的、空白的ImageData 物件。
getImageData()	傳回 ImageData 對象，該物件為畫布上指定的矩形複製像素資料。
putImageData()	把影像資料（從指定的 ImageData 物件）放回畫布上。

其他

## 

	#描述
#save()	儲存目前環境的狀態。
restore()	傳回先前已儲存過的路徑狀態和屬性。
createEvent()
#getContext()

#################### ####toDataURL()###### ################【推薦學習：###javascript高階教學###】###

以上是javascript canvas方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！