婷婷综合国产,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)民參考!
  • 推薦文章
    主站蜘蛛池模板: 唐海县| 固始县| 东乌珠穆沁旗| 彩票| 阜康市| 呼伦贝尔市| 万全县| 格尔木市| 渝北区| 崇明县| 双辽市| 巴青县| 龙泉市| 沧州市| 岑溪市| 龙岩市| 天峨县| 岚皋县| 辽宁省| 麻栗坡县| 威海市| 屯留县| 雅安市| 永善县| 延寿县| 南郑县| 视频| 射洪县| 酉阳| 霍邱县| 嘉善县| 安图县| 仁怀市| 浏阳市| 江口县| 山西省| 虞城县| 体育| 西和县| 阳春市| 自治县|