2

在 HTML 画布元素中实现了所有鼠标和矢量相关信息后，我切换到 EaselJS。

我已经习惯了 EaselJS，它真的很整洁。我特别喜欢容器以及它们使绘制嵌入形状变得多么简单。但是，我不知道您如何在鼠标悬停时实现形状的颜色变化。任何简单的东西，比如将颜色从红色变为绿色的矩形。

我是否应该从其容器中删除形状并使用新颜色创建一个新形状？

更复杂的是，如果一个形状部分地遮挡了另一个形状，比如说一个圆圈内的一个正方形，那么 onMouseOver 将不会在该正方形上注册该圆圈。有没有办法解决。

干杯

编辑：这是我用来画圆的向量的一个例子

    var circle=new Shape();
    circle.graphics.beginStroke("rgba(255,0,0,0.75)")
            .setStrokeStyle(lw)
            .drawCircle(w/2,h/2,r)
            .endStroke()
            .beginFill("rgba(255,255,0,0.5)")
            .drawCircle(w/2,h/2,r-lw/2)
            .endFill();
    circle.shadow=new Shadow("rgba(0,0,0,0.5)",10,-10,10)

有没有一种简单的方法可以将新颜色传递给 beginFill？我可以在那里使用变量吗？是circle.graphics...只执行一次，还是每次调用stage.update()？

4

1 回答 1

2

您想在鼠标悬停时将 Shape.graphics.beginFill 更改为不同的颜色。

这是一个例子（警告：草率的代码！）

于 2011-05-12T13:53:14.783 回答