首页 > 代码库 > 05 canvas——Konva简单使用
05 canvas——Konva简单使用
konva使用模板
<title>konva使用模板</title> <style> body{ padding: 0; margin:0; background-color: #f0f0f0; } </style> <script src="bower_components/konva/konva.js"></script> </head> <body> <!--放我们的舞台--> <div id="container"> </div>
<script> //1、创建舞台 var stage = new Konva.Stage({ container:‘container‘,//id width:window.innerWidth,//全屏 height:window.innerHeight }); //2、创建一个层 var layer = new Konva.Layer(); //3、把层添加到舞台 stage.add(layer); //4、创建一个矩形 var rect = new Konva.Rect({ x:100, y:100, opacity:.4, rotation:40, height:200, width:100, scaleX:1.2, scaleY:1.2, draggable:true,/*可拖动*/ fill:"orange" }); //5、把矩形添加到层上去 layer.add(rect); //6、把层渲染到舞台 layer.draw(); </script> </body>
05 canvas——Konva简单使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。