」;最後透過css屬性設定圖形樣式即可。"/> 」;最後透過css屬性設定圖形樣式即可。">
透過Canvas標籤繪製圖形的方法:先建立一個HTML範例檔案;然後在body中輸入「」;最後透過css屬性設定圖形樣式即可。
本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。
Canvas標籤是HTML5中的新元素,這個標籤是用來圖形繪製的。而HTML5也就是萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改。
那麼對於學習HTML的新手來說,可能對於這個標籤元素不太清楚。
下面我們可以透過簡單的範例,來介紹Canvas標籤的使用詳解。
canvas繪製簡單畫布圖形(矩形)範例程式碼如下:
<!DOCTYPE> <html> <meta charset="utf-8"> <head> <title>Canvas简单使用示例</title> <style type="text/css"> #FirstCanvas{ width: 450px; height: 300px; border: 3px solid #3262ff; background-color: #acffcb; } </style> </head> <body> <canvas id="FirstCanvas"></canvas> </body> </html>
推薦參考學習:《HTML5教學》
#圖形效果如下:
這裡要注意的是,在預設情況下
本篇就是透過canvas標籤繪製簡單的畫布圖形,非常簡單易懂,希望對需要的朋友有所幫助!
以上是如何透過Canvas標籤繪製圖形的詳細內容。更多資訊請關注PHP中文網其他相關文章!