Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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
如何使用CSS或JavaScript设置SVG路径的动画或转换SVG路径?_Javascript_Html_Css_Svg_Svg Path - Fatal编程技术网

如何使用CSS或JavaScript设置SVG路径的动画或转换SVG路径?

如何使用CSS或JavaScript设置SVG路径的动画或转换SVG路径?,javascript,html,css,svg,svg-path,Javascript,Html,Css,Svg,Svg Path,我在Adobe Illustrator中创建了一个SVG图像,其代码如下: 为了操纵路径点,需要使用JavaScript。以下代码实现了预期的结果: $("#path1").css("transform", "translate(0, -100px)"); 为了操纵路径点,需要使用JavaScript。以下代码实现了预期的结果: $("#path1").css("transform", "translate(0, -100px)"); 你不能。CSS无法选择路径点。你需要javascrip

我在Adobe Illustrator中创建了一个SVG图像,其代码如下:


为了操纵路径点,需要使用JavaScript。以下代码实现了预期的结果:

$("#path1").css("transform", "translate(0, -100px)");

为了操纵路径点,需要使用JavaScript。以下代码实现了预期的结果:

$("#path1").css("transform", "translate(0, -100px)");

你不能。CSS无法选择路径点。你需要javascriptOk@Paulie_D,如果可以的话,我可以使用一些JavaScript。我如何使用SMIL@RobertLongson实现这一点?你是否尝试过
transform:translate(0,-10px)
?请注意,您拼写错误了
transform
,并沿Y轴正方向翻译。@问题是,拼写错误的“transform”不起作用。您不能。CSS无法选择路径点。你需要javascriptOk@Paulie_D,如果可以的话,我可以使用一些JavaScript。我如何使用SMIL@RobertLongson实现这一点?你是否尝试过
transform:translate(0,-10px)
?请注意,您拼写错误了
transform
,并在Y轴正方向上进行了翻译。@问题是,拼写错误的“transform”不起作用。