反转 SVG 路径

2024-02-09

有没有简单的方法来反转 SVG 路径?我怎样才能让它从左上角开始,而不是从右下角开始?

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="548.9px" height="620px" viewBox="0 0 548.9 620" xml:space="preserve">
    <path d="M305.3,461.7c-13.6,2.2-66,1.3-99.6-21.9c-77.4-53.3-42.5-147.1-95.4-204.1c-42.2-45.6-98-59.2-60-131.7"/>
</svg>

Use Inkscape https://inkscape.org:

  1. 打开此 svg 文件Inkscape https://inkscape.org.
  2. 选择路径
  3. 单击菜单 -> 路径 -> 反向
  4. 保存文件或在 Inkscape 中打开 xml 编辑器以查找新的路径数据。

或者使用 JavaScript。获取并反转每个路径段。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

反转 SVG 路径 的相关文章

  • 避免滚轮被嵌入的 youtube / flash 视频劫持

    我正在对主页中嵌入 YouTube 视频的网站进行一些改进 我自己没有添加此代码 但它看起来像
  • 显示仅允许数字和小数点的输入?

    有什么方法可以定义一个
  • <输入类型=按钮> 与 <按钮> [重复]

    这个问题在这里已经有答案了 我有点困惑 这些有什么区别呢 请不要引用非常旧的帖子 我注意到在 html 和样式表中访问某些样式是不同的内联样式
  • 使用 Jsoup 选择没有类的 HTML 元素

    考虑一个像这样的 html 文档 div p p p p p class random class name p div 我们怎样才能选择所有p元素 但不包括p元素与random class name class Elements ps b
  • 居中时仅在文本的最后一行下划线

    我只想在某些文本的最后一行下划线 当文本换行到更多行时 仍然只有最后一行需要加下划线 我找到了这个解决方案 https stackoverflow com questions 15180827 advanced css challenge
  • 带填充的 Tailwind CSS 导航悬停下拉菜单

    我正在尝试展示子 ul 当项目悬停时 在第一个导航项目上列出 一切正常 除了有时 时好时坏 当您位于第一行的填充之间时 ul 项目和子项目 ul 项目 次要项目 ul 会消失 当我从下拉菜单导航到项目列表时 如何保持辅助导航列表打开 JSF
  • 调整下拉框中列表的高度[重复]

    这个问题在这里已经有答案了 可能的重复 下拉框显示的高度 https stackoverflow com questions 5600982 height of the dropdown box display hi 如何调整下拉列表中列表
  • 在响应模式下使用 CSS 更改元素顺序

    图1为桌面模式 下面两张图片和文字 总共三个div 图 2 是我希望它在移动浏览器 例如手机 中的显示方式 关于如何实现这一点有什么想法吗 我愿意接受任何建议 这个想法是让文本显示在图像上方 以最好地说明这两个图像的描述 在桌面版本中将文本
  • JSP - 如何从数据库呈现 html(或 jsp)代码

    我有一个由多个用户组使用的jsp 要求是每个用户组在访问页面时都希望有自定义的外观和感觉 带有区分参数 我们建议允许用户将他们需要的html转储到数据库表中 jsp将确定用户组并显示相应的html 有关如何做到这一点的任何指示 示例 如果用
  • 等待网页完全加载,然后再使用 python 请求进行抓取

    我目前正在尝试从 LinkedIn 上的特定页面抓取数据 我有一个能够登录 LinkedIn 的脚本 但当我尝试访问包含数据的页面时遇到了障碍 当我打电话时requests get data url 我最终得到了 LinkedIn 加载屏幕
  • 从 HTML div 中删除所有文本内容,但保留 HTML 标签和结构

    I have div Here a href is a p Text that I want to p be removed div I want div a href a p p div 删除所有文本但保留 HTML 结构的最简单方法是什
  • 如何实现右边缘倾斜的 div? [复制]

    这个问题在这里已经有答案了 我几天来一直在寻找使 div 的右边缘倾斜 45 度的代码 这是我特别想要得到的图像示例 似乎有很多 倾斜边缘 div 的示例 但我找不到任何具有特定右侧倾斜的示例 我花了很多时间试图改变其他人的代码 但结果却一
  • 光滑的旋转木马不工作

    我一直在尝试简单地实现 Slick Carousel 的工作 我已按照 Git 页面上的说明进行操作 https github com kenwheeler slick https github com kenwheeler slick 这
  • 当我更改浏览器选项卡时,Jquery Animate 停止

    我的投资组合中有一个疯狂的问题 http hericdk com http hericdk com 我用jquery做了一个简单的动画 一个太空飞船飞行的动画 然后就出现了我的作品 这个想法不错 大家都喜欢 但问题是 由于某种奇怪的原因 当
  • 更改时触发跨度文本/html

    jQuery 或 JavaScript 中是否有任何事件在以下情况下触发span标签 text html 已更改 Code span class user location span user location change functio
  • 如何将当前元素传递给 Knockout.js 绑定中的 Javascript 函数?

    因此 我尝试根据是否选中子复选框 使用 Knockout js 将类添加到元素 为此 我试图通过this作为我的函数的参数 目前 我的精简 DOM 结构如下 tr td td tr
  • HTML 和 JavaScript - 将滚动操作从一个元素传递到另一个元素

    假设我有两个 div div div div A scrollable list div 我想让它当光标停在里面时 control并且鼠标滚轮滚动 view将会滚动 无论如何要实现这一目标 好的 快速修复对我有用 即使固定 div 不可滚动
  • 如何修复 getImageData() 错误画布已被跨源数据污染?

    我的代码在本地主机上运行得很好 但在网站上却不起作用 我从控制台收到此错误 对于这一行 getImageData x y 1 1 data Uncaught SecurityError Failed to execute getImageD
  • `ie9` - contenteditable false 在父级可编辑时不起作用

    我正在尝试制作内容可编辑和不可编辑的容器 用户可以通过 3 种方式使用它 他们可以将内容与non editable 他们可以将内容与editable 他们可以在不选择其中之一的情况下放置内容 可编辑 我正在努力实现以下目标 content
  • 响应式导航栏隐藏其下方的元素

    我创建了一个响应式导航栏 但它使下面的元素 Flexslider 插件 消失 在我制作导航栏之前 下面的 Flexslider 可以正常显示 但现在不行 导航栏的 z index 为 2 所以我不知道问题是什么 我应该如何 更改什么才能允许

随机推荐

  • YouTube fancybox 无法使用

    我目前正在尝试制作一个里面有 YouTube 视频的 fancybox 我目前页面上还有几个 fancybox 但似乎无法让这个 fancybox 工作 其他 fancybox 具有 fancybox iframe 或 fancybox 类
  • 如果 equals(null) 抛出 NullPointerException 是不是一个坏主意?

    的合同equals http java sun com javase 6 docs api java lang Object html equals 28java lang Object 29关于null 如下 对于任何非空参考值x x e
  • 如何向 Bootstrap 日期时间选择器添加秒

    我正在使用 Bootstrap 日期时间选择器 https eonasdan github io bootstrap datetimepicker https eonasdan github io bootstrap datetimepic
  • 两个可比对象的最小/最大函数

    我需要找到两个中较小的一个Comparable values Comparable
  • 是否可以在不指定数据库的情况下连接到 SQL Server?

    我正在尝试为连接到 SQL Server 以实现持久性的代码编写一些单元测试 但我希望能够通过将其指向 SQL Server 实例来运行我的单元测试 并让测试创建自己的数据库运行测试 因此在每次测试之后 它可以删除数据库 然后在下一次测试之
  • Google Cloud Storage - 将文件从一个文件夹移动到另一个文件夹 - 使用 Python

    我想将文件列表从谷歌存储移动到另一个文件夹 storage client storage Client count 0 Retrieve all blobs with a prefix matching the file bucket st
  • Ruby local_variables 返回:符号?

    我正在查看 ruby Kernel 文档并看到了这个方法 a 2 local variables gt a 为什么它返回 a 而不是 a 我认为 是为符号保留的 但符号 a并不指向变量a 也不指向它的赋值2 此外 我将如何通过此方法访问实际
  • 关闭 Paramiko 中的日志记录

    我正在使用 Paramiko 提供的 ssh 客户端来创建函数调用remoteSSH 文件名是remoteConnect py import paramiko import logging logger paramiko util logg
  • 如何在上传时裁剪图片?

    我正在做一个社交网络项目 我可以选择添加 编辑照片 当用户单击按钮时 图像将上传到数据库并进行更新 是否可以在图像发布之前裁剪图像保存到数据库 只需调用这个函数 用参数源 目的地和你想要的大小 function cropImage sour
  • 使用准备好的语句批量更新在Java中批量插入

    我正在尝试用大约 50 000 行 10 列填充 Java 中的结果集 然后使用将它们插入到另一个表中batchExecute的方法PreparedStatement 为了使该过程更快 我做了一些研究 发现在将数据读入 resultSet
  • 是否可以在 ODataController 中返回不同的模型?

    在 OData v4 控制器中 是否可以返回不同的模型Get 和Get FromIDataUri key 我喜欢使用 ViewModel 当使用Get 我想返回一个方法xxxOverviewViewModel 当使用Get FromIDat
  • Angular 2 中异步可观察对象和管道上的安全导航运算符

    在异步加载的可观察对象上使用安全导航运算符时 我遇到了将空值 而不是讲座数组 传递到管道的问题 div class list group item 讲座类型 pipe ts import Pipe PipeTransform from an
  • 如何让 JSON 不那么冗长?

    我目前正在开发一个 Web 应用程序并使用 JSON 进行 ajax 请求和响应 我有一个区域 以包含超过 10000 个对象的数组的形式向客户端返回非常大的数据集 这是示例的一部分 已稍微简化 schedules codePractice
  • 用于在 OWA Outlook 中打开对话的 URL 结构

    我正在尝试链接到 Outlook Web 应用程序中的特定对话 因此 我们的想法是 用户单击链接 OWA 将打开并显示特定的电子邮件对话 前提是用户有权访问 In this https social msdn microsoft com F
  • 在 Codeigniter 中搜索数据 [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 您能帮忙在 Codeigniter
  • Quartz CronExpression 获取所有表达式参数信息

    跟随我的上一个问题 https stackoverflow com questions 9699323 java quartz get all details from a scheduled job 9699495 comment1233
  • C# - 如何获取 oracle long 原始类型值

    如何使用 C 获取 long 原始类型值 由于你没有发布任何代码 我不知道你知道多少 我假设您已经了解如何使用 OracleDataReader 执行查询并返回结果集 LONG 和 LONG RAW 列有一个问题 您必须设置InitialL
  • 如何根据目标计算机(32 位或 64 位)有条件地使用 WiX 安装文件?

    我有一个包含 32 位版本和 64 位版本的文件 如果我在 32 位计算机上安装应用程序 我希望安装该文件的 32 位版本 同样 如果安装在 64 位计算机上运行 则应安装 64 位版本 如何检查使用 WiX 运行安装程序的机器类型 拜托
  • 为自定义组件创建样式的正确方法

    我在另一篇文章的末尾问过这个问题 但觉得这个话题需要一个自己的问题 如果我用自己的 style 创建了自己的组件 那么在不修改默认值的情况下将其与 Delphi 提供的定义样式合并的正确过程是什么 我可以将默认样式嵌入到我创建的组件中 并且
  • 反转 SVG 路径

    有没有简单的方法来反转 SVG 路径 我怎样才能让它从左上角开始 而不是从右下角开始