获取 svg 路径上点的 y 坐标

2023-11-24

我想我需要添加一些解释,我想问这个问题,因为太短的问题不符合质量标准......有趣......

所以,问题是: 如何获取 svg 路径上特定“x”坐标处点的“y”坐​​标?


这并不简单,因为一条路径可能有多个具有指定的点x协调。

SVG DOM 中没有内置函数可以执行此操作。一种解决方案是沿着路径段逐步进行计算并自己进行计算。

或者,有一个内置函数SVGPathElement called getPointAtLength(len)。您沿路径传入一段长度,它将返回该点的 x,y 坐标。您可以沿着路径长度步进并计算出 x 坐标与您想要的交叉点x。您可以从以下位置获取路径长度SVGPathElement.getTotalLength()功能。这有点混乱,你必须小心,不要错过曲线在你附近弯曲的点。x。但它应该有效。

有关这些功能的更多信息,请参见此处。

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

获取 svg 路径上点的 y 坐标 的相关文章

随机推荐

  • 使 Internet Explorer 中的 bfcache 像 Firefox 一样工作

    我有一个与这个问题的公认答案相反的问题 Ajax 后退按钮和 DOM 更新 在那里 大多数人希望 Firefox 在使用 后退 按钮返回页面时触发 卸载 事件 我们操作显示 隐藏的 div 导航树 然后转到另一个页面 当您单击 返回 时 F
  • 在没有 X11 的 CI 服务上运行 GUI 应用程序

    我有一个 GUI 应用程序 我想通过 GitHub Actions 设置测试 我已经进行了设置 以便 GitHub Actions 在 Ubuntu 上编译应用程序 但现在我想做的是运行应用程序几秒钟并测试它是否崩溃 但目前无法启动 因为没
  • 本地化字符串时使用 Strong/em 标签的正确方法是什么?

    我知道有些语言对单词的强调与英语不同 例如通过改变词尾而不是通过声音的变化来强调单词 如果您正在本地化一个网站 您会相信吗 strong and em 标签 及其位置 在其他语言中具有相同的含义 您会保持这种强调 与您的翻译人员核实还是将其
  • 如何正确验证 Google 令牌的完整性?

    我正在尝试通过用户的 Google 帐户安全地登录用户 我正处于使用检索 userID 和 oAuthToken 的阶段this科尔多瓦插件 现在我需要将这些凭据发送到我的服务器 然后在服务器端验证令牌的完整性 本质上我正在尝试执行this
  • 无法创建 SAAJ 元工厂:找不到提供程序 com.sun.xml.internal.messaging.saaj.soap.SAAJMetaFactoryImpl

    我正在尝试将我的项目升级到 java 15 在尝试启动服务器时 我在 bean 创建过程中遇到错误 util context xml
  • 无法将 DaoAuthenticationConfigurer 应用于已构建的对象

    我收到这个异常 WARN org springframework web context support GenericWebApplicationContext Exception encountered during context i
  • 使用 Java+Scala+Slick2D 时“无法从给定的启动配置中找到主要方法”

    我有一个使用 Java Scala Slick2D 的项目 当从 eclipse 中启动时 该项目本身运行良好 但是当我尝试制作 jar 文件时 它就是拒绝工作 这是我在尝试将其导出为 Runnable jar 时不断收到的错误 如果我尝试
  • 将文件从 s3 存储桶传输到亚马逊 RDS 数据库

    我正在尝试将数据从 s3 存储桶加载到亚马逊 RDS 数据库 我知道这不是编程问题 但我真的很感谢帮助 我使用了下面的代码 aws rds restore db instance from s3 allocated storage 250
  • Django .filter 具有多种可能性的同一选项

    我有一个对象模型 我还有一个用于过滤结果的选项列表 我不确定是否有一种简单的方法来过滤模型中的对象 以便返回与过滤器列表中的任何项目匹配的任何对象 例如 returns all users with name starting with P
  • Xcode 界面生成器。这些自动调整大小蒙版设置有何不同?

    我现在很习惯在 IB 中使用自动调整大小蒙版 但是有两个自动调整大小设置 我不清楚它们有何不同 设置1 使用上下锚点自动调整大小http dl dropbox com u 11270323 stackoverflow autosize ma
  • 登录系统生成的PHP空会话文件

    最近我注意到正在创建许多空白会话 我不确定为什么 但我相信我正在以正确的方式做所有事情 目前我们创建一个会话 当用户logs in or 寄存器 然后我们检查用户是否使用isset COOKIE auth 属于登录或注册期间创建的会话 如果
  • 按值分组 RAND()

    有可能获得组的随机值吗 nID val A XXX A YYY B L B M B N B P 使用此 SQL SELECT nID VAL FROM T1 GROUP BY nID 我的结果总是 nID val A XXX B L 但我想
  • 如何在使用自定义窗口镶边时向 WPF 标题栏添加按钮?

    我正在尝试创建一个简单的按钮模板 其中按钮通常看起来像一条水平线 但是当鼠标悬停在按钮上时 按钮后面会显示一个 矩形 颜色填充 这是我的代码 但我似乎无法触发触发器
  • 如何让子窗口保持在最上面?

    我在用window open从父窗口打开子窗口 我希望子窗口保持在顶部 以便用户在父窗口中进行输入时可以参考它 这可以做到吗 我目前使用的是 Firefox 但如果它能在所有浏览器中运行 那就太好了 怎么样使用一个弹出div而不是打开一个新
  • GitHub Packages Docker - 拉取映像配置时出错:未知 blob

    GitHub 包开始返回error pulling image configuration unknown blob这个周末尝试拉取 docker 镜像时 它仍然可以将图像推送到注册表 我在 GitHub 上没有找到任何指向问题的信息 00
  • MySQL 与实体框架 - 我做错了什么?

    我对实体框架甚至 ADO NET 完全陌生 通常不会对数据库做太多工作 我下载并安装了MySQL 连接器 NET 6 3 5 我在 Visual Studio 2010 中创建了一个新的 C 项目 我向我的项目添加了一个新的 ADO NET
  • 使用 Facebook4j api 从页面获取帖子

    我想知道是否有一种方法可以使用 Facebook4J API 从 Facebook 页面获取所有 甚至最近 帖子 我知道可以从用户的墙或提要中获取所有帖子 但我在 API 或文档中找不到任何显示如何从页面获取帖子的内容 看着http fac
  • 如何检查bash脚本中特定目录中是否存在文件?

    这是我一直在尝试的 但没有成功 如果我想检查 example 目录中是否存在文件 FILE 1 if e FILE example then echo File exists else echo File does not exist fi
  • 迭代字典时如何避免 swift 中的重复键错误

    我正在练习 swift 我正在尝试迭代字典来打印密钥 但它给了我一个 致命错误 字典文字包含重复的键 如何消除错误 let people age 14 age 15 age 75 age 43 age 103 age 87 age 12 f
  • 获取 svg 路径上点的 y 坐标

    我想我需要添加一些解释 我想问这个问题 因为太短的问题不符合质量标准 有趣 所以 问题是 如何获取 svg 路径上特定 x 坐标处点的 y 坐 标 这并不简单 因为一条路径可能有多个具有指定的点x协调 SVG DOM 中没有内置函数可以执行