第三方的canvas庫

第三方的canvas庫

Konva

Konva特點

面向?qū)ο蠓绞?/h4>
  • 一切皆對象
  • 如何定義對象 ①Object構(gòu)造函數(shù) ②直接量 {} ③自定義構(gòu)造函數(shù) 再new
  • 構(gòu)造函數(shù) new一個構(gòu)造函數(shù)就可以得到對象(實例)
  • this
  • 原型 prototype / 原型鏈

konva概念

  • 舞臺 stage
  • 層 layer
  • 組 group
  • 圖形

基本操作

  • 創(chuàng)建舞臺
    new Konva.Stage({
    width:
    height
    })
  • 創(chuàng)建層
    new Konval.Layer({})
    stage.add(layer)
  • 圖形或組添加到 層
  • 圖形添加到組
  • 繪制 layer.draw()

基本圖形

  • Konva.Rect() 矩形
  • Konva.Circle() 圓形
  • Konva.Ellipse() 橢圓
  • Konva.Text() 文字
  • Konva.Image() 圖片
  • Konva.Line() 劃線
  • Konva.star() 星星
  • ....

事件

類似于jquery

動畫

  • tween對象 指定動畫持續(xù)時間 指定變化的樣式 tween.play()
  • 簡寫 圖形.to()
  • Animation對象
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末妖混,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子布轿,更是在濱河造成了極大的恐慌车份,老刑警劉巖籍嘹,帶你破解...
    沈念sama閱讀 211,496評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件医清,死亡現(xiàn)場離奇詭異榆俺,居然都是意外死亡暂殖,警方通過查閱死者的電腦和手機(jī)历葛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,187評論 3 385
  • 文/潘曉璐 我一進(jìn)店門正塌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人恤溶,你說我怎么就攤上這事乓诽。” “怎么了咒程?”我有些...
    開封第一講書人閱讀 157,091評論 0 348
  • 文/不壞的土叔 我叫張陵鸠天,是天一觀的道長。 經(jīng)常有香客問我帐姻,道長稠集,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,458評論 1 283
  • 正文 為了忘掉前任饥瓷,我火速辦了婚禮剥纷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘呢铆。我一直安慰自己晦鞋,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,542評論 6 385
  • 文/花漫 我一把揭開白布刺洒。 她就那樣靜靜地躺著鳖宾,像睡著了一般吼砂。 火紅的嫁衣襯著肌膚如雪逆航。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,802評論 1 290
  • 那天渔肩,我揣著相機(jī)與錄音因俐,去河邊找鬼。 笑死周偎,一個胖子當(dāng)著我的面吹牛抹剩,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蓉坎,決...
    沈念sama閱讀 38,945評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼澳眷,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蛉艾?” 一聲冷哼從身側(cè)響起钳踊,我...
    開封第一講書人閱讀 37,709評論 0 266
  • 序言:老撾萬榮一對情侶失蹤衷敌,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后拓瞪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缴罗,經(jīng)...
    沈念sama閱讀 44,158評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,502評論 2 327
  • 正文 我和宋清朗相戀三年祭埂,在試婚紗的時候發(fā)現(xiàn)自己被綠了面氓。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,637評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡蛆橡,死狀恐怖舌界,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情泰演,我是刑警寧澤禀横,帶...
    沈念sama閱讀 34,300評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站粥血,受9級特大地震影響柏锄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜复亏,卻給世界環(huán)境...
    茶點故事閱讀 39,911評論 3 313
  • 文/蒙蒙 一趾娃、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧缔御,春花似錦抬闷、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,744評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至眷茁,卻和暖如春炕泳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背上祈。 一陣腳步聲響...
    開封第一講書人閱讀 31,982評論 1 266
  • 我被黑心中介騙來泰國打工培遵, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人登刺。 一個月前我還...
    沈念sama閱讀 46,344評論 2 360
  • 正文 我出身青樓籽腕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親纸俭。 傳聞我的和親對象是個殘疾皇子皇耗,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,500評論 2 348

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