三角形与剪辑路径||多余的背景＆＃34;剪裁＆＃34;？

Question

我一直在用SVG和剪辑路径挣扎一段时间。

我正在尝试创建一个三角形剪辑路径，该路径将覆盖照片以使顶部成为一个三角形＆＃34;边缘。

我正在尝试与照片完全相同，但三角形＆＃34;反转＆＃34;。想象一下，照片顶部的相同三角形而不是底部。

我将如何实现这一目标？我可以使用填充颜色创建三角形，但它仍然会显示图像＆＃34;以上＆＃34;三角形。

在网上找到它，它完全符合我的要求，但它的方式是错误的。

<svg class="bigTriangleColor2" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="3 0 97 102" preserveAspectRatio="none">
    <path fill="rgba(255,255,255,1)" d="M0 0 L51 102 L0 103 Z M0 205 L100 103 L100 2 Z"></path>
</svg>

Answer 1

尝试使用SVG编辑器，例如“Inkskape”（它是免费的）;然后：

• 阻力＆amp;放下你的图像，剪辑和放大掩盖你想要的，然后
• 另存为“普通SVG”
• 在您喜欢的文本编辑器中打开已保存的SVG文件并删除多余的代码，例如顶部的“XML”声明以及任何其他附加内容。
• copy＆amp;将代码粘贴到您想要的地方

快速，简单，轻松;）