這篇文章主要介紹了js如何實現(xiàn)一個戴眼鏡的笑臉，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站主營印江網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,重慶App定制開發(fā),印江h(huán)5成都微信小程序搭建,印江網(wǎng)站營銷推廣歡迎印江等地區(qū)企業(yè)咨詢

首先我給大家一個圖片示例：

大家可以根據(jù)這個圖來編寫代碼，看看怎么樣才能實現(xiàn)這樣的圖？方法肯定不止一種，大家可以在本地先試試~

下面我給大家介紹一種方法，是使用moveto()函數(shù)來實現(xiàn)。

完整代碼如下：

搞定！運行該代碼會出現(xiàn)跟上圖一樣的效果。

那么在這段代碼中，要介紹2個重要的方法moveTo()和arc()方法。

moveTo() 方法用于把路徑移動到畫布中的指定點，不創(chuàng)建線條，其js語法是“context.moveTo(x,y);”，參數(shù)x表示路徑的目標位置的 x 坐標，y表示路徑的目標位置的 y 坐標。

arc()方法用于創(chuàng)建弧/曲線（用于創(chuàng)建圓或部分圓），其js語法是“context.arc(x,y,r,sAngle,eAngle,counterclockwise);”，注意如需通過 arc() 來創(chuàng)建圓，請把起始角設置為 0，結(jié)束角設置為 2*Math.PI。

其中參數(shù)x圓的中心的 x 坐標；

y表示圓的中心的 y 坐標；

r表示圓的半徑；

sAngle表示起始角，以弧度計。（弧的圓形的三點鐘位置是 0 度）；

eAngle表示結(jié)束角，以弧度計。

counterclockwise可選，規(guī)定應該逆時針還是順時針繪圖。False = 順時針，true = 逆時針。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“js如何實現(xiàn)一個戴眼鏡的笑臉”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!