亚洲日本VA中文字幕久久,亚洲精品无码久久久久久久,久久久精品中文字幕麻豆发布,国产美女自慰在线观看

登錄 注冊
您的位置:首頁> 建站知識 > 企業(yè)網(wǎng)站制作
【網(wǎng)站建設(shè)管理系統(tǒng)】河北網(wǎng)站建設(shè)公司,河北網(wǎng)站設(shè)計(jì),河北網(wǎng)站制作
標(biāo)簽:企業(yè)網(wǎng)站制作
發(fā)表日期:2018-11-12 05:15:39     文章編輯:admin     瀏覽次數(shù):90

【網(wǎng)站建設(shè)管理系統(tǒng)】河北網(wǎng)站建設(shè)公司,河北網(wǎng)站設(shè)計(jì)公司,河北網(wǎng)站制作公司,河北網(wǎng)站建設(shè),河北網(wǎng)站設(shè)計(jì),河北網(wǎng)站制作

 通過JavaScript繪制圖形
    <canvas>兀素只是圖形容器,其本身是沒有繪圖能力的,所有的繪制工作必須在JavaScripti內(nèi)部完成。
    在畫布上繪圖的核心是上下文對象CanvasRenderingContext2D,用戶可以在JavaScript代碼中使用getContext()方法渲染上下文進(jìn)而在畫布上顯示形狀和文本。
    JavaScript使用getElementById方法通過canvas的id定位canvas元素,例如以下代碼:
    var myCanvas= document.getElementById(’myCanvas’);
    然后,創(chuàng)建context對象,例如以下代碼:
    var myContext= myCanvas.getContext(”2d”);
    getContext()方法使用一個(gè)上下文作為其參數(shù),一旦渲染上下文可用,程序就可以調(diào)用各種繪圖方法。表5-7列出了渲染上下文對象的常用方法。
表5-7渲染上下文對象的常用方法

    方 法
    描 述
    fdlRect()
繪制‘個(gè)填充的矩形
strokeRect()
繪制一個(gè)矩形輪廓
clearRect()
清除畫布的矩形區(qū)域
    lineTo()
繪制一條直線
    arc0
繪制圓弧或圓
    moveTo()
當(dāng)前繪圖點(diǎn)移動(dòng)到指定位置
beginPath()
開始繪制路徑
    closePath()
標(biāo)記路徑繪制操作結(jié)束
    stroke()
繪制當(dāng)前路徑的邊框
    fiUO
填充路徑的內(nèi)部區(qū)域
    fiIIText()
在畫布上繪制一個(gè)字符串
createLinearGradient()
創(chuàng)建一條線性顏色漸變
drawImage()
把一幅圖像放置到畫布上

 
需要說明的是,canvas畫布的左上角為坐標(biāo)原點(diǎn)(0,0)。
1.繪制矩形
(1)繪制填充的矩形
fillRect()方法用來繪制填充的矩形,語法格式為:
留言預(yù)約
關(guān)于我們
易神州網(wǎng)絡(luò)-專業(yè)的軟件開發(fā)和品牌營銷公司,提供互聯(lián)網(wǎng)基礎(chǔ)服務(wù)與數(shù)字營銷產(chǎn)品解決方案專家,14年豐富的軟件開發(fā)、品牌策劃營銷。擅長于系統(tǒng)化解決企業(yè)品牌在互聯(lián)網(wǎng)上的統(tǒng)一性傳播,企業(yè)品牌在互聯(lián)網(wǎng)上的應(yīng)用。我們協(xié)助您通過在線品牌的塑造,建立長久的企業(yè)品牌價(jià)值。
聯(lián)系我們
400-611-0508
周一至周六9:00-18:00
全方位的營銷咨詢   精準(zhǔn)的解決方案
地址:北京市豐臺(tái)科技園漢威國際四區(qū)8號樓7層
關(guān)注公眾號