Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Javascript 用svg转换旋转bug_Javascript_Css_Reactjs - Fatal编程技术网

Javascript 用svg转换旋转bug

Javascript 用svg转换旋转bug,javascript,css,reactjs,Javascript,Css,Reactjs,我有一个问题,我想听听你的意见,我想用这个在svg上用Transform重新声明() <SlideG onClick={(event)=> { let transform = event.target.style.transform; event.target.style.transform = (transform == "") ? "rotate(180deg)" : ""; }

我有一个问题,我想听听你的意见,我想用这个在svg上用Transform重新声明()

<SlideG onClick={(event)=> {
        let transform = event.target.style.transform;
        event.target.style.transform =  (transform == "") ? "rotate(180deg)" : "";
    }}></SlideG>
{
让transform=event.target.style.transform;
event.target.style.transform=(transform=”)?“旋转(180度):”;
}}>
它几乎完美地工作。。。。不幸的是,在点击svg后,svg变得不可见,这是一个没有明显原因的信念

你知道为什么吗?
谢谢。

请分享完整的代码,或者修改一下,因为很难想象我在这里看到的内容。我认为您的问题在于在样式中传递“empty”转换形式。尝试代替“旋转(180度)”:“”;使用:“旋转(180度)”:“无”;SVG围绕一个0点旋转,这与使用50%50%中心点的其他元素不同,因此SVG可能会旋转出视口。