前端技术 实现了椭圆形印章的在线设计功能,一开始误以为椭圆有点麻烦，就只实现了圆形的 butterPig 发表于 2021-02-19 标签： 前端技术 / svg 之前就把圆形印章的在线设计功能完全做好了，用SVG和JS实现的。然后就惰性大发，觉得椭圆的印章实现起来肯定很麻烦，就不要做了。光有一个圆形的就ok。结果最近网站一直没有被收录，就想充实一下网站内容。结果发现把圆形印章的代码改成椭圆印章极其的容易，因为svg画椭圆，相较于画圆，仅仅是多了一个Y轴半径这个参数而已。因此在圆形代码上，将Y轴相关的参数修改一下，马上就形成了椭圆印章。上面的文字路径也都是正确的，再稍微调整下文字的高度就搞定了。从此又多了一个功能哈哈哈哈。 阅读剩下更多
前端技术 SVG画path路径或者textpath文字路径时，使用的字母命令大全 butterPig 发表于 2021-02-19 标签： 前端技术 / svg 通过使用svg中的path路径或者textpath文字路径功能，可以根据自己定义的点坐标，画出各种图形路径。使用的是svg的语法，其中每种字母表明需要画的线类型等。下面对svg的路径命令做个总结。 阅读剩下更多
前端技术 使用svg路径来画矢量正五角星图形，并实现缩放 butterPig 发表于 2021-02-13 标签： svg 使用svg来画正五角星，主要是使用svg的path功能，通过画出五个角的坐标以及连接线，来组成一个实心的五角星形状。实现效果可以参考butterPig的在线印章设计功能里面的正五角星形状。 阅读剩下更多