Open zchrissirhcz opened 4 months ago
原始的 SVG 图像:
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- Generated by graphviz version 10.0.1 (20240210.2158) --> <!-- Pages: 1 --> <svg width="145pt" height="131pt" viewBox="0.00 0.00 144.62 131.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 127)"> <polygon fill="white" stroke="none" points="-4,4 -4,-127 140.62,-127 140.62,4 -4,4"/> <!-- node1 --> <g id="node1" class="node"> <title>node1</title> <polygon fill="none" stroke="black" points="0,-86.5 0,-122.5 129.75,-122.5 129.75,-86.5 0,-86.5"/> <text text-anchor="middle" x="17" y="-99.45" font-family="Times,serif" font-size="14.00">left</text> <polyline fill="none" stroke="black" points="34,-86.5 34,-122.5"/> <text text-anchor="middle" x="61.12" y="-99.45" font-family="Times,serif" font-size="14.00">middle</text> <polyline fill="none" stroke="black" points="88.25,-86.5 88.25,-122.5"/> <text text-anchor="middle" x="109" y="-99.45" font-family="Times,serif" font-size="14.00">right</text> </g> <!-- node2 --> <g id="node2" class="node"> <title>node2</title> <polygon fill="none" stroke="black" points="43.12,-0.5 43.12,-49.5 136.62,-49.5 136.62,-0.5 43.12,-0.5"/> <text text-anchor="middle" x="69.12" y="-32.2" font-family="Times,serif" font-size="14.00">name</text> <polyline fill="none" stroke="black" points="95.12,-25 95.12,-49.5"/> <text text-anchor="middle" x="115.5" y="-32.2" font-family="Times,serif" font-size="14.00">age</text> <polyline fill="none" stroke="black" points="43.12,-25 136.62,-25"/> <text text-anchor="middle" x="61.25" y="-7.7" font-family="Times,serif" font-size="14.00">city</text> <polyline fill="none" stroke="black" points="79.38,-0.5 79.38,-25"/> <text text-anchor="middle" x="108" y="-7.7" font-family="Times,serif" font-size="14.00">country</text> </g> <!-- node1->node2 --> <g id="edge1" class="edge"> <title>node1:f1->node2:f2</title> <path fill="none" stroke="black" d="M60.88,-86C60.88,-68.11 47.22,-67.35 42.88,-50 40.44,-40.28 34.49,-28.66 33.94,-21.08"/> <polygon fill="black" stroke="black" points="36.3,-23.67 40.81,-14.08 31.31,-18.76 36.3,-23.67"/> </g> </g> </svg>
对应的知乎文章 https://zhuanlan.zhihu.com/p/686170464
文章中的图像, 被转为了 webp, 拿出来看好像还行:
在文章中查看时, 清晰度就不太乐观了
有什么改善 svg 图像显示效果的方法吗? Thanks.
原始的 SVG 图像:
对应的知乎文章 https://zhuanlan.zhihu.com/p/686170464
文章中的图像, 被转为了 webp, 拿出来看好像还行:![](https://pic2.zhimg.com/80/v2-22eb66a8f9500eb7f053b3369b94da5d_1440w.webp)
在文章中查看时, 清晰度就不太乐观了
有什么改善 svg 图像显示效果的方法吗? Thanks.