Canvas基礎(chǔ)2

canvas畫弧
gd.arc(圓心坐標(biāo)X, 圓心坐標(biāo)Y, 半徑,起始弧度, 結(jié)束弧度,blur) //畫弧
需要用d2a或a2d轉(zhuǎn)化
blur
true 是順時針
false 是逆時針

進度條
gd.clearRect(o, y, w, h) //可用于處理毛邊

canvas字體
gd.font = '50px 宋體'; //文字大小字體
gd.strokeText('我是不是你最疼愛的人',100,100) //添加文字
gd.fillText('我是不是你最疼愛的人',100,100) //添加文字
gd.textBaseline='top' //水平對齊
gd.textAlign='center'; //垂直對齊
gd.measureText(str).width //測量文字寬度
gd.isPointInPath(x,y) //檢測路徑
gd.rect(x, y, w, h) //矩形路徑
gd.save(); //存儲當(dāng)前畫布狀態(tài)
gd.restore(); //清楚save后的效果

給canvas加事件的庫
jcscript

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一:canvas簡介 1.1什么是canvas? ①:canvas是HTML5提供的一種新標(biāo)簽 ②:HTML5 ...
    GreenHand1閱讀 4,882評論 2 32
  • 一、canvas簡介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標(biāo)簽 Canvas是一個矩形區(qū)...
    Looog閱讀 4,045評論 3 40
  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載 前言 Canvas 本意是畫布的意思,然而將它理解為繪制工具一...
    cc榮宣閱讀 41,774評論 1 47
  • 一、canvas簡介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標(biāo)簽 Canvas是一個矩形區(qū)...
    J_L_L閱讀 1,695評論 0 4
  • 轉(zhuǎn)載請聲明 原文鏈接 關(guān)注公眾號獲取更多資訊 這篇文章主要總結(jié)H5的一些新增的功能以及一些基礎(chǔ)歸納,這里只是一個提...
    前端進階之旅閱讀 9,221評論 22 225

友情鏈接更多精彩內(nèi)容