五际起、Canvas畫(huà)圓弧

一、arc()圓煌麓小(antiClockWise默認(rèn)false:順時(shí)針)

IMG_2909.PNG
IMG_2910.PNG
IMG_2911.PNG
IMG_2912.PNG

例:畫(huà)圓角矩形

IMG_2914.PNG
IMG_2915.PNG
IMG_2916.PNG
IMG_2917.PNG
IMG_2918.PNG
IMG_2919.PNG
IMG_2920.PNG

利用上面畫(huà)圓角矩形的工具街望,畫(huà)1024棋盤(pán):

IMG_2921.PNG
IMG_2922.PNG

二、arcTo()圓弧 (x1,y1是控制點(diǎn)弟跑,x2,y2是確定第2條切線的點(diǎn))

IMG_2923.PNG
IMG_2925.PNG
IMG_2926.PNG

放大半徑:

IMG_2927.PNG
IMG_2928.PNG

縮小半徑:

IMG_2929.PNG
IMG_2930.PNG

放大半徑灾前,到超出切線長(zhǎng)度

IMG_2931.PNG
IMG_2932.PNG

例:畫(huà)一角彎月

IMG_2933.PNG
IMG_2934.PNG
IMG_2935.PNG
IMG_2936.PNG
IMG_2937.PNG

改進(jìn)到:先畫(huà)半徑為1的圓弧,控制點(diǎn)到圓心的距離是d孟辑,然后進(jìn)行變換,控制位置和大小哎甲。

IMG_2939.PNG
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末蔫敲,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子炭玫,更是在濱河造成了極大的恐慌奈嘿,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,185評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吞加,死亡現(xiàn)場(chǎng)離奇詭異裙犹,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)衔憨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén)叶圃,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人巫财,你說(shuō)我怎么就攤上這事盗似。” “怎么了平项?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,524評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)悍及。 經(jīng)常有香客問(wèn)我闽瓢,道長(zhǎng),這世上最難降的妖魔是什么心赶? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,339評(píng)論 1 293
  • 正文 為了忘掉前任扣讼,我火速辦了婚禮,結(jié)果婚禮上缨叫,老公的妹妹穿的比我還像新娘椭符。我一直安慰自己,他們只是感情好耻姥,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評(píng)論 6 391
  • 文/花漫 我一把揭開(kāi)白布销钝。 她就那樣靜靜地躺著,像睡著了一般琐簇。 火紅的嫁衣襯著肌膚如雪蒸健。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,287評(píng)論 1 301
  • 那天婉商,我揣著相機(jī)與錄音似忧,去河邊找鬼。 笑死丈秩,一個(gè)胖子當(dāng)著我的面吹牛盯捌,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蘑秽,決...
    沈念sama閱讀 40,130評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼饺著,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼箫攀!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起瓶籽,我...
    開(kāi)封第一講書(shū)人閱讀 38,985評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤匠童,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后塑顺,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體汤求,經(jīng)...
    沈念sama閱讀 45,420評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評(píng)論 3 334
  • 正文 我和宋清朗相戀三年严拒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了扬绪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,779評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡裤唠,死狀恐怖挤牛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情种蘸,我是刑警寧澤墓赴,帶...
    沈念sama閱讀 35,477評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站航瞭,受9級(jí)特大地震影響诫硕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜刊侯,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評(píng)論 3 328
  • 文/蒙蒙 一章办、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧滨彻,春花似錦藕届、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,716評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至冬骚,卻和暖如春椅贱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背只冻。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,857評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工庇麦, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人喜德。 一個(gè)月前我還...
    沈念sama閱讀 47,876評(píng)論 2 370
  • 正文 我出身青樓山橄,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親舍悯。 傳聞我的和親對(duì)象是個(gè)殘疾皇子航棱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 一:canvas簡(jiǎn)介 1.1什么是canvas睡雇? ①:canvas是HTML5提供的一種新標(biāo)簽 ②:HTML5 ...
    GreenHand1閱讀 4,681評(píng)論 2 32
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接 關(guān)注公眾號(hào)獲取更多資訊 這篇文章主要總結(jié)H5的一些新增的功能以及一些基礎(chǔ)歸納,這里只是一個(gè)提...
    程序員poetry閱讀 9,071評(píng)論 22 225
  • 1 Canvas接口元素定義 1.1 getContext()方法 為了在canvas上繪制饮醇,你必須先得到一個(gè)畫(huà)布...
    Kevin_Junbaozi閱讀 1,304評(píng)論 1 2
  • arcTo()介紹 arcTo()方法接收5個(gè)參數(shù)它抱,分別是兩個(gè)切點(diǎn)的坐標(biāo)和圓弧半徑。這個(gè)方法是依據(jù)切線畫(huà)弧線朴艰,即由...
    Airing閱讀 2,004評(píng)論 0 20
  • 一观蓄、canvas簡(jiǎn)介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標(biāo)簽 Canvas是一個(gè)矩形區(qū)...
    Looog閱讀 3,942評(píng)論 3 40