可以使用 CSS 的 shape-outside
属性来绘制水滴状地图坐标。
首先,你需要创建一个水滴形状的 SVG 图像,然后将其作为背景图像应用于一个元素,并使用 shape-outside
属性来告诉浏览器如何调整文本的流动以适应这种形状。
例如,以下 CSS 代码展示了如何使用 shape-outside
属性将文本流动到一个水滴形状的背景图像中:
.drop {
width: 200px;
height: 200px;
background-image: url('drop.svg');
shape-outside: url('drop