文章关键字 ‘stroke’

如何手搓SVG半圆弧，手把手教程

2025年01月14日，星期二

手搓SVG半圆弧 封面占位图

项目中遇到个特殊的圆环图形加动画需求，看我如何使用M…A…圆弧指令手写最终的SVG代码（内含坐标计算JS方法，文字环绕实现等）。

阅读全文…

标签：, , , , , ,

发布在 SVG相关 | 2 条评论 »

CSS paint-order祝大家元旦快乐

2020年01月1日，星期三

SVG中图形绘制默认顺序是先填充，再描边，再标记，由于描边是居中的，就会导致文字描边的时候文字本身的填充会被覆盖掉，使用CSS paint-order可以有效解决这个描边问题。

阅读全文…

标签：, , , , , ,

发布在 CSS相关 | 4 条评论 »

CSS vector-effect与SVG stroke描边缩放

2018年12月24日，星期一

vector-effect文章头图

默认情况下，我们改变SVG图形尺寸，stroke描边宽度也会跟着一起变化。有时候，我们希望描边宽度一直不变，怎么办呢？可以试试使用vector-effect属性。

阅读全文…

标签：, , , , , , ,

发布在 CSS相关, SVG相关 | 7 条评论 »

纯CSS实现帅气的SVG路径描边动画效果

2014年04月8日，星期二

本文属于简单实用的基础技术科普。有丰富的gif动画演示，有demo，有截图以及必要的源代码展示，还有官方文档释义。总之，希望本文的内容能够对您的学习有所帮助。

阅读全文…

标签：, , , , ,

发布在 SVG相关 | 34 条评论 »