<script src="https://cdn.bootcss.com/konva/4.2.0/konva.js"></script>
<div id="container">
</div>
<script>
// 第一步 创建一个舞台
var stage = new Konva.Stage({
container: 'container',
width: window.innerWidth,
height: window.innerHeight
})
//第二步 创建一个层layer
var layer = new Konva.Layer()
//第三步 把这个层layer放入这个舞台中
stage.add(layer)
//创建一个矩形
var rect = new Konva.Rect({
x: 200,
y: 200,
opacity: 0.4,
rotation: 40,
width: 100,
height: 100,
scaleX: 1.2,
scaleY: 1.3,
draggable: true,
fill: 'yellow'
})
//第五步把这个矩形添加到层中
layer.add(rect)
//第六步渲染到页面中
layer.draw()
</script>
canvas/konva库绘制一个矩形
最新推荐文章于 2024-04-23 09:32:39 发布