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

【问题标题】：Changing the fill color of a selected area using ImageMapster使用 ImageMapster 更改选定区域的填充颜色
【发布时间】：2019-04-12 04:07:18
【问题描述】：

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

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

警报“改变颜色”显示，但该区域不改变颜色。知道我哪里出错了吗？

【问题讨论】：

标签： javascript jquery imagemapster

【解决方案1】：

我设法通过删除 staticState 来解决这个问题（从而使用默认值 null）。我还将 isSelectable 设置为 false。

原始文档不再在线，但谷歌有一个缓存版本http://webcache.googleusercontent.com/search?q=cache:fsQHicPD1rsJ:www.outsharked.com/test/imagemapster/docs.html+&cd=1&hl=en&ct=clnk&gl=is

【讨论】：