Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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从现有代码生成大的向上三角形_Javascript_Css_Svg_Path - Fatal编程技术网

Javascript 使用SVG从现有代码生成大的向上三角形

Javascript 使用SVG从现有代码生成大的向上三角形,javascript,css,svg,path,Javascript,Css,Svg,Path,我使用下面的代码来生成一个大的向下三角形。我要做的是用同样的技术生成一个大的向上三角形,基本上是逆三角形。有人知道如何调整此代码以实现这一点吗 非常感谢你的帮助 致以最良好的祝愿 svg#大三角色{ 指针事件:无; } .容器svg{ 显示:块; } svg:not(:root){ 溢出:隐藏; } #双三角色路{ 填充:#3498db; 行程:#3498db; 笔画宽度:2; } 通过理解SVG路径中的 我们这里有: <path d="M0 0 L50 100 L100 0 Z">

我使用下面的代码来生成一个大的向下三角形。我要做的是用同样的技术生成一个大的向上三角形,基本上是逆三角形。有人知道如何调整此代码以实现这一点吗

非常感谢你的帮助

致以最良好的祝愿

svg#大三角色{
指针事件:无;
}
.容器svg{
显示:块;
}
svg:not(:root){
溢出:隐藏;
}
#双三角色路{
填充:#3498db;
行程:#3498db;
笔画宽度:2;
}

通过理解SVG路径中的

我们这里有:

<path d="M0 0 L50 100 L100 0 Z"></path>

通过理解SVG路径中的

我们这里有:

<path d="M0 0 L50 100 L100 0 Z"></path>

您可以使用变换将其倒置

  • “平移”将其向下移动(因为它现在将从下到上而不是从上到下绘制)
  • “缩放”将在y方向上反转它
svg#大三角色{
指针事件:无;
}
.容器svg{
显示:块;
}
svg:not(:root){
溢出:隐藏;
}
#双三角色路{
填充:#3498db;
行程:#3498db;
笔画宽度:2;
}

您可以使用变换将其倒置

  • “平移”将其向下移动(因为它现在将从下到上而不是从上到下绘制)
  • “缩放”将在y方向上反转它
svg#大三角色{
指针事件:无;
}
.容器svg{
显示:块;
}
svg:not(:root){
溢出:隐藏;
}
#双三角色路{
填充:#3498db;
行程:#3498db;
笔画宽度:2;
}


通过操纵SVG路径将此项投票表决为目标。感谢您提供了一些关于如何绘制形状的说明!通过操纵SVG路径将此项投票表决为目标。感谢您提供了一些关于如何绘制形状的说明!这是一个很好的解决方法。谢谢您提醒我这是一个很好的解决方案。谢谢你提醒我这个选项!