首页 > 解决方案 > 使用 svg 中的剪辑路径和过滤器翻转垂直和水平图像

问题描述

我正在使用一个SVG.

例子:

<svg xmlns="http://www.w3.org/2000/svg" id="SvgjsSvg1000" version="1.1" width="100%" height="100%" xlink="http://www.w3.org/1999/xlink" style="position:relative;overflow:hidden;left:0px;top:0px;"> 
 <g>
 	<defs>
    	    <clipPath id="clipPathId">
      			<rect width="200" height="200"></rect>
    		</clipPath>
    </defs>
 	<g>
 	<image id="SvgjsImage1004" xlink:href="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=350" clip-path="url(#clipPathId)" width="600" height="250"/> 
 	</g>
 </g>  
</svg>

我想水平和垂直翻转它。我可以得到解决方案吗?

标签: svgflip

解决方案


推荐阅读