Javascript 动态颜色填充吐温不工作
我试图在鼠标上方更改目标节点的颜色,我当前正在使用以下代码:Javascript 动态颜色填充吐温不工作,javascript,kineticjs,Javascript,Kineticjs,我试图在鼠标上方更改目标节点的颜色,我当前正在使用以下代码: layer.on('mouseenter', function(evt) { var shape = evt.targetNode; shape.moveTo(secondLayer); stage.draw() var tween = new Kinetic.Tween({ node: sh
layer.on('mouseenter', function(evt) {
var shape = evt.targetNode;
shape.moveTo(secondLayer);
stage.draw()
var tween = new Kinetic.Tween({
node: shape,
duration: 0.05,
scaleX: 1.5,
scaleY: 1.5,
fillRed: 255,
fillGreen: 102,
fillBlue: 0,
});
tween.play()
});
secondLayer.on('mouseout', function(evt) {
var shape = evt.targetNode;
var tween = new Kinetic.Tween({
node: shape,
duration: 0.05,
scaleX: 1,
scaleY: 1,
fillRed: 17,
fillGreen: 17,
fillBlue: 17,
onFinish: function() {
shape.moveTo(layer);
layer.draw();
}
});
tween.play();
});
比例吐温工作良好,但颜色没有任何变化。不完全确定我做错了什么
以下是其中的一部分:
为三角形设置的“填充”属性优先于fillRed、fillGreen和fillBlue。。。因此,在创建三角形时,还必须使用这些RGB属性设置颜色 官员说: 颜色组件API发生了很大变化。fillR()已更改为 fillRed()、fillB()已更改为fillBlue(),等等。这同样适用于 笔划和阴影颜色组件。已删除RGB()方法 因为他们把API弄脏了。i、 e.fillRGB()、strokeRGB()和 shadowColorRGB()已被删除。组件现在是实际的 属性。填充属性的优先级高于组件。i、 如果你设置 填充为“蓝色”,但设置了fillRed和fillGreen值,填充 我将决定用蓝色
是使用最新版本的Dynamic JS的代码的一部分。请注意,我还必须将
evt.targetNode
更改为evt.target
啊好的,这是有意义的,同样的方法是否适用于。。。fillRadialGradientColorStops:[],?我认为fillRadialGradientColorStops还不能用在Tween中。。。你得试试看。