Изменение цвета заливки выделенной области с помощью ImageMapster - PullRequest
Новая
       44

Изменение цвета заливки выделенной области с помощью ImageMapster

0 голосов
/ 08 ноября 2018

В настоящее время я использую картстер изображений Здесь я инициализирую изображение картстера, чтобы показывать только при наведении курсора. 

$('img').mapster( { 
        mapKey: 'data-key',
        staticState: false,
        fillOpacity: 0.0,
        strokeColor: "3320FF",
        strokeOpacity: 0.8,
        strokeWidth: 4,
        stroke: true,
        });

Здесь я устанавливаю цвет заливки области, которую я хочу заполнить, на красный. Это работает. 

$(window).load(function() {
        $('img').mapster('set',true,'areaIWantToFill', {stroke: false, fillOpacity : 0.5, fillColor: "d42e16"} );
    });

Теперь вот где у меня проблемы. На определенном событии я хочу перекрасить область следующим образом: 

function changecolor(){
            alert("change color");
            $('img').mapster('set',true,'areaIWantToFill', {fillColor: "ffffff"} );
        }

Отображается предупреждение "изменить цвет", но область не меняет цвет. Есть идеи, где я ошибся?

1 Ответ

0 голосов
/ 09 ноября 2018

Мне удалось это исправить, удалив staticState (тем самым используя значение по умолчанию null). Я также установил для isSelectable значение false.

Оригинальная документация больше не в сети, но у Google есть кэшированная версия http://webcache.googleusercontent.com/search?q=cache:fsQHicPD1rsJ:www.outsharked.com/test/imagemapster/docs.html+&cd=1&hl=en&ct=clnk&gl=is

...