gpt4 book ai didi

javascript - jVectorMap 样式更改填充类型

转载 作者:行者123 更新时间:2023-11-30 05:42:33 24 4
gpt4 key购买 nike

我如何设计这样的“world_mill_en” map ?

我知道如何做标记,只需指定经度和纬度即可。我将如何摆脱各大洲之间的所有分界线,并更改填充以使其只是一堆灰点?据我所知,该 api 只允许您将其更改为实心填充。

另外,如何禁用区域悬停?

最佳答案

对该区域使用图案填充(使用您想要的图像)(不需要 mask )

在矩形上使用图案填充,该矩形使用其中包含区域的 mask

<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1000 360">
<defs>
<pattern patternUnits="userSpaceOnUse" id="pat1" x="10" y="10"
width="425" height="319">
<image width="425" height="319"
xlink:href="http://designm.ag/images/0709/wood/71.jpg" />
</pattern>
<text id="txt1" y="100" font-weight="bold" font-family="Verdana"
font-size="100">Some Text</text>
</defs>

<use width="1000" height="400" xlink:href="#txt1" fill="url(#pat1)"/>
</svg>

这是一个 fiddle展示如何制作简单的图案。

关于javascript - jVectorMap 样式更改填充类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19938955/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com