2016-11-30 87 views
-6

什麼是HTML 5中的畫布?作爲一名開發人員,我有點新鮮。 畫布是可以在其上繪製圖形的HTML區域。什麼是HTML 5中的畫布?

""500"" id=""mycanvas"" solid="" style=""border:1px" width=""600""></canvas> 

var c=document.getElementById("mycanvas"); 
var ctx=c.getContext("2d"); 

是什麼意思?

+0

@Nisse恩斯特龍誰在做-vote ....聯繫太太發現,誰是輪詢-vote和停止權力。我的聲譽因此而下降。它真的很噁心 – VjRagavan

+0

@Vj:我不知道。投票數據根本不適用於普通用戶,例如您和我。據我所知,甚至沒有對主持人。 –

+0

@NisseEngström看到我有8個聲望,但現在只有6個..我需要20個名聲才能進入聊天...我真的需要進入聊天室,因爲我需要澄清很多我討厭的東西選民 – VjRagavan

回答

0

在HTML 5

的HTML元素用於繪製圖形,在飛行畫布,通過JavaScript。

的元素是僅用於圖形的容器。您必須使用JavaScript來繪製圖形。

帆布具有用於繪製路徑,矩形,圓形,文本和添加圖像的幾種方法。

check this link

我加入下面的示例,

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"> 
 
Your browser does not support the HTML5 canvas tag. 
 
</canvas>

+0

謝謝@dream獵人 – VjRagavan

+0

@VjRagavan歡迎您:) –

+0

我真的很困惑的是,但現在明確....我還有一個疑問also..i是一個CORELDRAW設計人員還可以轉換我從設計到CorelDraw中HTML ?有沒有可能? @dream hunter – VjRagavan

0

MDN docs

添加在HTML5,所述HTML <canvas>元素可用於d通過JavaScript腳本編寫的原始圖形。例如,它可用於繪製圖形,製作照片合成,創建動畫,甚至可以進行實時視頻處理或渲染。

從這裏開始:Canvas tutorial by MDN