Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
SVG上的笔划宽度可以设置动画吗?_Svg_Width_Stroke - Fatal编程技术网

SVG上的笔划宽度可以设置动画吗?

SVG上的笔划宽度可以设置动画吗?,svg,width,stroke,Svg,Width,Stroke,我尝试像这样设置SVG宽度的动画,但没有成功 通常我可以有多条线,但我可以让它们变厚/变薄吗 .swidth { animation: hideshow 5s ease infinite; } @keyframes hideshow { from { stroke-width="2"; } to { stroke-width="6;"; } } 它是@keyframes中的CSS语法,类似于: @keyframes hideshow { from { stroke-width

我尝试像这样设置SVG宽度的动画,但没有成功

通常我可以有多条线,但我可以让它们变厚/变薄吗

.swidth {
  animation: hideshow 5s ease infinite;
}

@keyframes hideshow {
  from { stroke-width="2"; }
  to { stroke-width="6;"; }
}

它是@keyframes中的CSS语法,类似于:

@keyframes hideshow {
  from { stroke-width: 2; }
  to { stroke-width: 6; }
}

我不确定是否支持CSS3动画浏览器,但如果要这样做,您必须更改
stroke width=“2”
笔划宽度:2