<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>原文：http://www.cnblogs.com/suxiaoxia/p/7208463.html