微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

用数组图像填充 Raphael 对象

如何解决用数组图像填充 Raphael 对象

就像标题所暗示的那样,我正在尝试使用存储在数组中的图像来填充拉斐尔圆。数组如下所示:

let enemyIcons = [];

    enemyIcons[0] = new Image();
    enemyIcons[0].src = 'resources/yellowalien.png'
    enemyIcons[1] = new Image();
    enemyIcons[1].src = 'resources/bluealien.png'
    enemyIcons[2] = new Image();
    enemyIcons[2].src = 'resources/greenalien.png'
    enemyIcons[3] = new Image();
    enemyIcons[3].src = 'resources/orangealien.png'
    enemyIcons[4] = new Image();
    enemyIcons[4].src = 'resources/pinkalien.png'

通常,如果我想用图像填充拉斐尔圆,我会这样做:

let bullet = paper.circle(posX,posY,15).attr({
            "fill": "url(/resources/image.png)","stroke-width": 0
        });

但是我应该如何将数组中的图像传递给它呢?我打算用我的函数创建多个“子弹”,并想使用 Math.random() 来随机化出现的图像,这就是我使用数组的原因。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。