<!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>

希望本文所述對(duì)大家的web程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

bootstrap table配置參數(shù)例子
這篇文章主要為大家詳細(xì)介紹了bootstrapTable的參數(shù)設(shè)置，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
JS匿名函數(shù)內(nèi)部this指向問(wèn)題詳析
這篇文章主要給大家介紹了關(guān)于JS匿名函數(shù)內(nèi)部this指向的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
js判斷undefined類型示例代碼
這篇文章主要介紹了js判斷undefined類型的實(shí)現(xiàn)方法,需要的朋友可以參考下
2014-02-02
javascript中clipboardData對(duì)象用法詳解
這篇文章主要介紹了javascript中clipboardData對(duì)象用法,詳細(xì)分析了clipboardData對(duì)象的功能及相關(guān)使用技巧,需要的朋友可以參考下
2015-05-05
使用微信SDK自定義分享的方法
這篇文章主要介紹了使用微信SDK自定義分享的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
Echarts實(shí)現(xiàn)多條折線可拖拽效果
這篇文章主要為大家詳細(xì)介紹了Echarts實(shí)現(xiàn)多條折線可拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
javascript算法題求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào)
從1--9中選取N個(gè)數(shù)字，組成不重復(fù)的N位數(shù)，從小到大進(jìn)行編號(hào)，當(dāng)輸入其中任何一個(gè)數(shù)M時(shí)，能找出該數(shù)字對(duì)應(yīng)的編號(hào)
2012-07-07
JS實(shí)現(xiàn)逐頁(yè)將PDF文件轉(zhuǎn)為圖片格式
這篇文章主要為大家分享了如何通過(guò)前端js將pdf文件轉(zhuǎn)為圖片格式，并且支持翻頁(yè)預(yù)覽、以及圖片打包下載，文中的示例代碼簡(jiǎn)潔易懂，需要的可以參考一下
2023-05-05
js 表單提交后按鈕變灰的實(shí)例代碼
這篇文章介紹了js 表單提交后按鈕變灰的實(shí)例代碼，有需要的朋友可以參考一下
2013-08-08
動(dòng)態(tài)規(guī)劃之使用備忘錄來(lái)改進(jìn)Javascript函數(shù)
這篇文章主要介紹了動(dòng)態(tài)規(guī)劃之使用備忘錄來(lái)改進(jìn)Javascript函數(shù)，動(dòng)態(tài)規(guī)劃它既是一種數(shù)學(xué)優(yōu)化方法，也是一種計(jì)算機(jī)編程方法，下文相關(guān)資料介紹需要的小伙伴可以參考一下
2022-04-04