Canvas框架之Konva自带的js函数常用函数和属性

前面几乎所有的图形我们都已经学会怎么实现了，那么我们现在来学习一些他自带的方法函数吧，大家一定很激动吧，但是在学习这个之前，大家必须要有JavaScript或者Jquery的基础哦！ 如果没有要先点击链接学习一下哦！

那么我们一起来学习进阶吧！

1.fill() -填充
作用：设置对应形状的填充色，参数是一个代表颜色的字符串。

代码为：

var stage = new Konva.Stage({

container: ‘content’, // id of content

width: 500,

height: 500

});

var layer = new Konva.Layer();

var rect = new Konva.Rect({

width:300,

height:400,

fill:‘red’

});

layer.add(rect);

stage.add(layer);

layer.draw();

//鼠标经过后，实现填充颜色，重新绘制画布

rect.on(‘mouseover’,function(){

this.fill(‘green’);

layer.draw();

})

注意：

1. 一定要重新绘制图形哦！否则不会有效果的。

2.stroke（）-边框
作用：设置边框,参数为边框的颜色，类型为字符串。

延伸函数strokeWid