H5 新特性04

Konva 基本操作

創建舞臺

? ? new? Konva.stage({

? ? ? ? container:""

? ? ? ? width:

? ? ? ? height:

? ? })

創建層

? ? new Konva.Layer({

? ? })

創建組

? ? new Konva.Group({

? ? })

Konva基本圖形

? ? rect

? ? star

? ? line

? ? ....

動畫系統

Tween 配置

? ? new Tween({

? ? ? ? node: shape,

? ? ? ? duration:

? ? ? ? easing:

? ? ? ? yoyo:

? ? ? ? onFinish:function(){

? ? ? ? }

? ? ? ? /*要變的參數*/

? ? })

Tween對象的方法

? ? paly()

? ? pause()

? ? reset()

? ? reverse()

? ? finsh()

to方法

? ? Animation

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一:canvas簡介 1.1什么是canvas? ①:canvas是HTML5提供的一種新標簽 ②:HTML5 ...
    GreenHand1閱讀 4,719評論 2 32
  • 【四、Canvas開發庫封裝】 《4.1封裝常用的繪制函數》 4.1.1封裝一個矩形 //思考:我們用到的矩形需要...
    夜幕小草閱讀 4,751評論 2 5
  • 一、canvas簡介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標簽 Canvas是一個矩形區...
    Looog閱讀 3,972評論 3 40
  • # tween.js user guide _**NOTE** this is a work in progres...
    3216732c1db1閱讀 428評論 0 0
  • 一 耳機 林靜有個壞習慣,就是戴著耳機聽歌入睡。 改都改不掉,朋友都說再這樣下去,她耳朵就壞了,但林靜就是沒辦法...
    吳家酒少閱讀 528評論 0 1