使用 ImageMapster 更改选定区域的填充颜色

Question

我目前正在使用 Image Mapster。在这里，我将图像映射器初始化为仅在悬停时显示。

$('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"} );
        }

警报 "change color" 显示，但该区域没有改变颜色。知道我哪里出错了吗？

Answer 1

我设法通过删除 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

使用 ImageMapster 更改选定区域的填充颜色

Changing the fill color of a selected area using ImageMapster

javascript

jquery

imagemapster