第162天：canvas中Konva库的使用方法

本篇接着上一篇：第157天：帆布知识基础详解  继续来写。

五，Konva的使用快速上手

5.1 Konva的整体理念

                  阶段

                    |

             + ------ + ------ +

             | |

           图层

             | |

       + ----- + ----- +形状

       | |

     集团集团

       | |

       + + --- + --- +

       | | |

    形状组形状

               |

               +

               |

             形状

5.2 Konva矩形案例

5.2.1创建一个矩形：Konva。Rect（选项）;

 

 1 //Konva使用的基本案例
 2     //第一步：创建舞台
 3     var stage = new Konva.Stage({
 4         container: 'container',     //需要存放舞台的Dom容器
 5         width: window.innerWidth,   //设置全屏
 6         height: window.innerHeight
 7     });
 8 
 9     //第二步：创建层
10     var layer = new Konva.Layer();  /