html5前端面試題:
圖上有若干個不特定的形狀的圖形, 如下圖所示。 寫出程式求這些圖形個數, 並且求出每個圖形的面積
面試題圖
答案分析:
要想得知具體圖形的個數, 那麼首先要想到的是獲取到圖片中的每個圖元點, 然後判斷背景顏色。 但是如果想要獲得圖片中的圖元點, 我們聯想到的html5技術, 那就是html5的canvas。 所以如果說對於html5/canvas不熟練的話這道題肯定是不能很好的做出來的!
如果對於面試和學習前端有困難的朋友, 也可以一起來我們群裡570946165, 一起學習, 全套系統學習資料已經上傳到群檔,
目前代碼如下:
最後結果: