SVG实战：实现港珠澳大桥logo

由于 上找不到港珠澳logo的原始矢量图，光栅图也只剩下很模糊的版本了，所以教大家用svg矢量图动手实现一个，反正也不复杂。SVG在计算机矢量图形学领域中是扛把子的地位，制造业各种图纸都有svg的身影。SVG主要有以下特点：

应该能感觉到，哪儿都有Bézier曲线（贝塞尔曲线）的身影，为何它这么流行呢，为什么在所有的曲线中唯独Bézier曲线占据了图形学的半壁江山免让我们对它产生了浓厚的兴趣，为此，我还专门研究了一下Bézier曲线：Bézier曲线是最常用的矢量曲线，因其简单、轻量、自然、平滑的特点而被广泛使用。Bézier曲线能够用最少的控制点表示任意一段光滑的曲线，虽然做不到100%精确，但能满足绝大部分场景。

• 半透明窗口蒙版：nomacs

一开始现在vscode中设定所有的这些点，包括3个元素和2个元素，分别代表3个色块和2个渐变，点的位置以及渐变的程度统统放在boxy-svg中微调，同时利用nomacs调整到最佳位置。最终的代码如下：