Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.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元素不在容器中,则隐藏Svg元素_Javascript_Html_Css_Animation_Svg - Fatal编程技术网

Javascript 如果Svg元素不在容器中,则隐藏Svg元素

Javascript 如果Svg元素不在容器中,则隐藏Svg元素,javascript,html,css,animation,svg,Javascript,Html,Css,Animation,Svg,我想将一个svg元素移到它的容器之外,但它正在隐藏。我启用了溢出:可见仍然无法解决问题 我用figma创建了svg剪辑内容已禁用 在这里,您可以使用&a更好地了解问题。此SVG代码可能会有所帮助。。。在完整视图中打开此代码段 /**动画框(光标移动时移动)**/ .showcase动画容器{ 位置:绝对位置; 右:350px; 宽度:500px; 高度:500px; svg{ 位置:绝对位置; 排名:0; 左:0; 溢出:可见!重要; 宽度:100%; 身高:100%; } } .左三角形{变

我想将一个
svg元素
移到它的
容器
之外,但它正在隐藏。我启用了
溢出:可见
仍然无法解决问题

我用figma创建了svg<代码>剪辑内容已禁用


在这里,您可以使用&a更好地了解问题。

此SVG代码可能会有所帮助。。。在完整视图中打开此代码段

/**动画框(光标移动时移动)**/
.showcase动画容器{
位置:绝对位置;
右:350px;
宽度:500px;
高度:500px;
svg{
位置:绝对位置;
排名:0;
左:0;
溢出:可见!重要;
宽度:100%;
身高:100%;
}
}
.左三角形{变换原点:中心}
.左三角形{
变换:平移(-180px,-70px)旋转(-50度);
填充物:红色;
}


我更新了svg元素,您可以在中检查它,我只是在
figma
中增加了
帧大小

尝试
x=“-100”width=“200%”
对于过滤器
\filter0\u f
Hmm,所以我只需要增加figma中帧的
宽度和
高度