Мышиное событие, когда рядом с Элементом Рафаэль - PullRequest
Новая
       17

Мышиное событие, когда рядом с Элементом Рафаэль

0 голосов
/ 02 января 2012

По этому вопросу Рафаэль - событие, когда мышь находится рядом с элементом

я создаю невидимый прямоугольник вокруг другого прямоугольника, когда мышь находится над этим большим прямоугольником, появится круг. а потому, что большой прямоугольник находится сверху маленького прямоугольника, я не могу обработать другое событие, когда мышь находится над маленьким прямоугольником.

(если маленький прямоугольник находится сверху, точка исчезнет, ​​когда я достигну маленького прямоугольника) И я хочу также провести еще одно мероприятие с кружком.

Есть ли какое-то решение для этого? Код

1 Ответ

1 голос
/ 02 января 2012

Вид имитации событий большего прямоугольника с меньшим: 

var paper = new Raphael(0, 0, 500, 500);

createRect(100, 100, 100, 50);

function createRect(x, y, width, height) {
    var boundrect = paper.rect(x - 30, y - 30, width + 60, height + 60).attr({
            "fill": "pink",
            "stroke": "none"
        }).mouseover(function(event) {
            topCtrl.show()
        }).mouseout(function(event) {
            topCtrl.hide()
        })

        ,

        rect = paper.rect(x, y, width, height).attr({
        "fill": "white",
        "stroke": "red"
    }).mouseover(function(event) {
        topCtrl.show();
        topCtrl.attr({
            "fill": "white"
        })
    }),
        topCtrl = paper.circle(x + (width / 2), y, 5).attr({
            "fill": "red"
        });
}
...