小編給大家分享一下html5中canvas怎么實現畫出簡單的矩形和三角形，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯是專業(yè)的望花網站建設公司，望花接單;提供網站建設、成都做網站,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行望花網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!

有兩種形式，一種是描邊（fill），一種是填充（stroke），具體的實現代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助 首先在html頁面中放置一個canvas元素，其中canvas元素應該具備三個屬性ID、width、height。

取得canvas對象并取得上下文var cxt=document.getElementById('demo').getContext("2d");其中參數2d是確定的。

開始繪制，有兩種形式，一種是描邊（fill），一種是填充（stroke）。

javascript代碼：

效果圖：

看完了這篇文章，相信你對html5中canvas怎么實現畫出簡單的矩形和三角形有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道，感謝各位的閱讀！