javascript easelJs on按放大图像圈

javascript easelJs onPress enlarge image circle

本文关键字：图像 放大 easelJs on javascript      更新时间：2023-09-26

使用 javascript 和 Easeljs lib 和 createjs，我需要一些帮助。我的程序绘制了一些圆圈并用颜色填充它们。还有 Ticker 它们在移动，还有一些 if 语句它们从窗户的墙壁上弹跳。圆圈是动态创建的，每次的圆圈数量都不同。

现在我需要实现一个功能，以便在按下圆圈时放大它们。他们应该每 30 毫秒将半径增大 +1px。我不知道该怎么做。 1. 你是否使用onPress？我需要使用哪些回调，我如何知道鼠标是否被释放并且圆圈可以停止增长？ 2. 我是否需要从我的 circlesArray 中删除 circleObject，或者从舞台中删除它并再次绘制它们就足够了吗？我急需帮助，如果有人能给我一些线索，我会很高兴！

问候 T

根据您提供的信息，我会建议您在github上查看此EaselJS示例： https://github.com/CreateJS/EaselJS/blob/master/examples/DragAndDrop_hitArea.htmlonPress-Method在那里的使用方式可能几乎可以按原样复制。

你的可能看起来像这样：

function(target){
    target.onPress = function(evt) {
        target.grow = true; //or a grow-factor or so
        evt.onMouseUp = function(ev) {
            target.grow = false;
        }
    }
}(circle);

在您的刻度函数中，您可以查看所有圆圈，检查它们的grow==true，如果是，则增加它们的半径

和 2：你的圈子对象都是createjs.Shape吧？您不必从舞台或数组中删除它们，您可以使用circle.graphics.clear();然后用新半径重新绘制圆。

相关文章：