svg - 使用 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>
我想水平和垂直翻转它。我可以得到解决方案吗?
解决方案
推荐阅读
- asp.net - 面临使用 filehelper.dll 导出 CSV 的问题
- python - Flask - 获取点击的链接信息并显示在渲染页面上
- html - 加速移动页面 (AMP) -HTML
- java - 如何在 java8 中定义没有 args 的函数或返回值?
- vhdl - Lattice Fpga 内部时钟
- android-studio - Android Studio 无法清理项目
- c++ - Boost Unit testing - 在哪里找到makefile
- javascript - 理解 JavaScript 中的 async 和 await
- javascript - 基于网格高度的颜色 Three.js
- javascript - Javascript多维数组删除