婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > html5的畫布canvas——畫出簡單的矩形、三角形實例代碼

html5的畫布canvas——畫出簡單的矩形、三角形實例代碼

熱門標簽:四川移動電銷外呼客戶管理系統(tǒng) 怎么做百度地圖標注 小朱地圖標注 百度地圖標注為什么總是封號 地圖標注柱狀圖 臨海地圖標注app 智能芯電話機器人 咸陽穩(wěn)定外呼系統(tǒng)軟件 400開頭的電話好申請不
首先在html頁面中放置一個canvas元素,其中canvas元素應該具備三個屬性ID、width、height。

復制代碼
代碼如下:

<canvas id="demo" width="600" height="600"></canvas>

取得canvas對象并取得上下文var cxt=document.getElementById('demo').getContext("2d");其中參數(shù)2d是確定的。

開始繪制,有兩種形式,一種是描邊(fill),一種是填充(stroke)。

javascript代碼:

復制代碼
代碼如下:

<script language="javascript">
var cxt=document.getElementById('demo').getContext("2d");
cxt.beginPath();
cxt.fillStyle="#F00";/*設置填充顏色*/
cxt.fillRect(0,0,200,100);/*繪制一個矩形,前兩個參數(shù)決定開始位置,后兩個分別是矩形的寬和高*/
cxt.beginPath();
cxt.strokeStyle="#000";/*設置邊框*/
cxt.lineWidth=3;/*邊框的寬度*/
cxt.strokeRect(0,120,200,100);
cxt.beginPath();
cxt.moveTo(0,350);
cxt.lineTo(100,250);
cxt.lineTo(200,300);
cxt.closePath();/*可選步驟,關閉繪制的路徑*/
cxt.stroke();
</script>

效果圖:

標簽:山南 公主嶺 黃石 南平 陜西 平頂山 黃石

巨人網(wǎng)絡通訊聲明:本文標題《html5的畫布canvas——畫出簡單的矩形、三角形實例代碼》,本文關鍵詞  html5,的,畫布,canvas,畫出,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html5的畫布canvas——畫出簡單的矩形、三角形實例代碼》相關的同類信息!
  • 本頁收集關于html5的畫布canvas——畫出簡單的矩形、三角形實例代碼的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 成安县| 旌德县| 来安县| 广德县| 尉犁县| 孟津县| 鄂温| 东阿县| 拉萨市| 花垣县| 繁昌县| 河间市| 五家渠市| 深泽县| 晋宁县| 敦煌市| 涞源县| 日喀则市| 江都市| 西林县| 璧山县| 密云县| 阳谷县| 琼结县| 得荣县| 左贡县| 鄄城县| 嘉兴市| 阿拉善右旗| 八宿县| 遂昌县| 绥阳县| 垦利县| 泰来县| 神农架林区| 哈尔滨市| 汪清县| 昌乐县| 巨野县| 梧州市| 南漳县|