【问题标题】:jqvmap - no color in Gambiajqvmap - 冈比亚没有颜色
【发布时间】:2023-03-10 13:16:01
【问题描述】:

我已经在一个站点中安装了 jqvmap 1.0。一切正常,但冈比亚的颜色。它看起来是透明的。

这是冈比亚的道路。 jqvmap 1.0:

"gm":{"path":"M406.89,298.34l-0.13,1.11l6.92-0.1l0.35-1.03l-0.15-1.04l-1.99,0.81L406.89,298.34L406.89,298.34z","name":"Gambia"}

我确实将这条路径与原始路径进行了比较。它们之间没有区别。

我确实下载了 1.1 版并放置了它的 jquery.vmap.world.js(路径定义)。问题没有解决。

我确实为冈比亚和其他国家设置了这种颜色。

"gm":"199.18" (light orange)

冈比亚是唯一一个没有展现其颜色的国家。如您所见,即使是比冈比亚还小的一些小岛,也能正确显示颜色。有什么想法吗?

【问题讨论】:

  • 你能看看这条路径是否单独定义了一个形状并给它一个颜色。也许对我们来说是一个玩弄和测试的小提琴。
  • 我确实消除了除冈比亚以外的所有路径。我也确实增加了 DIV 的大小,以查看 Gambia 的路径是否定义了形状并显示颜色。有所有的信息。问题是冈比亚的路径太窄,所以边界覆盖了形状。感谢您的帮助。
  • 您能否将您的答案作为答案并将其标记为解决方案和社区维基?

标签: jqvmap


【解决方案1】:

做了一些测试,我确实意识到问题是由几个问题引起的:

  • 路径太窄,所以边框覆盖了形状(隐藏了颜色)。
  • 从视觉上看,形状的颜色加上边框的颜色和不透明度 (0.8) 确实产生了与背景颜色非常相似的颜色。

因此,对“无色”形状的感知是由视觉错觉引起的。

为了解决这个问题,我确实更改了 jquery.vmap.js 的第 51 行和第 52 行:

  51    borderWidth: 1,
  52    borderOpacity: 0.8,

  51    borderWidth: 0.3,
  52    borderOpacity: 0.5,

感谢您的帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-03-21
    • 1970-01-01
    • 1970-01-01
    • 2023-03-12
    • 2022-10-13
    • 1970-01-01
    • 2016-12-06
    相关资源
    最近更新 更多