Question

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

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

显示警报“更改颜色”，但是该区域未更改颜色。关于我哪里出问题了吗？

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更改选定区域的填充颜色

1 个答案: