js+html5實現(xiàn)canvas繪制簡單矩形的方法
更新時間：2015年06月05日 12:29:01 作者：不吃皮蛋
這篇文章主要介紹了js+html5實現(xiàn)canvas繪制簡單矩形的方法,涉及html5圖形繪制的基本技巧,需要的朋友可以參考下
本文實例講述了js+html5實現(xiàn)canvas繪制簡單矩形的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
</script>
</body>
</html>
希望本文所述對大家的web程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了bootstrapTable的參數(shù)設(shè)置，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要給大家介紹了關(guān)于JS匿名函數(shù)內(nèi)部this指向的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了js判斷undefined類型的實現(xiàn)方法,需要的朋友可以參考下2014-02-02
javascript中clipboardData對象用法詳解
這篇文章主要介紹了javascript中clipboardData對象用法,詳細分析了clipboardData對象的功能及相關(guān)使用技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了使用微信SDK自定義分享的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要為大家詳細介紹了Echarts實現(xiàn)多條折線可拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
javascript算法題 求任意一個1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號
從1--9中選取N個數(shù)字，組成不重復(fù)的N位數(shù)，從小到大進行編號，當(dāng)輸入其中任何一個數(shù)M時，能找出該數(shù)字對應(yīng)的編號2012-07-07
JS實現(xiàn)逐頁將PDF文件轉(zhuǎn)為圖片格式
這篇文章主要為大家分享了如何通過前端js將pdf文件轉(zhuǎn)為圖片格式，并且支持翻頁預(yù)覽、以及圖片打包下載，文中的示例代碼簡潔易懂，需要的可以參考一下2023-05-05
這篇文章介紹了js 表單提交后按鈕變灰的實例代碼，有需要的朋友可以參考一下2013-08-08
動態(tài)規(guī)劃之使用備忘錄來改進Javascript函數(shù)
這篇文章主要介紹了動態(tài)規(guī)劃之使用備忘錄來改進Javascript函數(shù)，動態(tài)規(guī)劃它既是一種數(shù)學(xué)優(yōu)化方法，也是一種計算機編程方法，下文相關(guān)資料介紹需要的小伙伴可以參考一下2022-04-04