前端技术 实现了椭圆形印章的在线设计功能,一开始误以为椭圆有点麻烦,就只实现了圆形的 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的在线印章设计功能里面的正五角星形状。 阅读剩下更多