標簽只是圖形容器，您必須使用腳本來繪制圖形。

用canvas配合javascript可以直接在html頁面動態繪圖，無需調用jquery。

代碼如下：

var my_canvas=document.getelementbyid("canvas"); //獲取canvas的id

var context=my_canvas.getcontext("2d"); //獲取繪圖畫布

//下面三行繪制半圓

context.beginpath();

//告訴畫布，你準備繪制路徑

context.arc(75,75,35,0,math.pi); //定義半圓的參數函數

context.stroke(); //告訴畫布可以畫了，這相當于把之前定義的執行了，類似于++里面的onpaint()函數

//下面三行繪制直線

context.moveto(20, 20); //直線的起點

context.lineto(100, 20); //直線的終點

context.stroke();

總結

以上是生活随笔為你收集整理的html的canvas标签用法,html5中关于canvas标签用法（绘图）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。