从 SVG 矩形元素获取每个像素的 RGB 值

2024-02-10

我需要获取 svg 矩形元素中每个像素的颜色值。在 canvas 中我们可以通过方法 getImageData(x,y,width,height) 获取它。

在svg中,有什么方法可以做到这一点吗?如果是的话请给出一些工作示例。


如果您创建一个独立的 SVG 文件并通过图像元素将其包含在文档中,例如一个html<img>元素,然后您可以通过以下方式将图像数据复制到画布中绘制图像 https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D#drawImage%28%29并且您已经知道如何从画布中提取颜色值。

这种间接途径是唯一的途径。

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

从 SVG 矩形元素获取每个像素的 RGB 值 的相关文章

随机推荐

  • Fragment popbackstack触发lifecyclescope收集

    情况 我提交数据setTripDeliver 收集工作正常 触发加载 然后触发成功 我按下一个按钮转到下一个片段 B 使用replace 之后 我按后退按钮 使用popbackstack 收集成功已触发 相关代码 这些代码位于Fragmen
  • 具有 iCloud 设计的核心数据

    我使用的是 iOS 7 想要通过 iCloud 使用核心数据 这运行良好 我想要一些输入的问题如下 我的一些核心数据对象具有相关的图像 大型文本文件 我将它们作为文件存储在文件系统上 并将这些项目的 url 设置为字符串属性 现在显然这不仅
  • 日志文件的大小会影响数据库的性能吗?如何缩小日志文件?

    我刚刚检查了我的日志文件 它几乎有 45GB 我有两个问题 它总体上会影响数据库的性能吗 如何用SQL查询缩小它 请举个例子 谢谢 在正常情况下 没有必要缩小事务日志文件 这通常意味着您处于完整恢复模式 而不是定期执行事务日志备份 日志文件
  • ftrace:通过 echo 从 function_graph 更改 current_tracer 时系统崩溃

    我最近一直在使用 ftrace 来监控我系统的一些行为特征 我一直在通过一个小脚本来打开 关闭跟踪 运行脚本后 我的系统会崩溃并自行重新启动 最初 我认为脚本本身可能有错误 但后来我确定崩溃和重新启动是由于echo将一些跟踪器添加到 sys
  • LINUX:是否可以编写一个不依赖libc库的工作程序?

    我想知道我是否可以编写一个程序C 可执行的编程语言 尽管不使用单个库调用 例如甚至没有退出 如果是这样 它显然根本不依赖于库 libc ld linux 我怀疑你可以写这样的东西 但最后需要有一个无限循环 因为你不能要求操作系统退出你的进程
  • 作为参数传递的函数总是回调吗? JavaScript

    如果我有下面的代码 我将两个函数作为参数传递给函数sayHi 这是回调的示例吗 我注意到有两种运行这些 参数函数 的方法 要么如下所示 我们在定义它们的地方调用函数 作为参数 要么在 sayHi 函数中调用参数 这是回调函数和匿名函数之间的
  • Rails - capistrano 和 chmod

    我想通过 capistrano 使用 chmod 来添加文件夹的权限 例如 我想这样做 chmod 777 R vol www apps ror tutorial current log 所以 我想通过 capistrano 的任务来做到这
  • Android - 如何在 API 级别 4 的 android WebViewClient 中拦截表单 POST

    我有一个WebViewClient附在我的WebView像这样 webView setWebViewClient new MyWebViewClient 这是我的实现MyWebViewClient private class MyWebVi
  • 使用curl命令行上传多个文件到php服务器

    我需要使用curl 命令行实用程序将多个文件上传到服务器 对于单个文件 我使用以下命令没有问题 curl F email protected cdn cgi l email protection http localhost 8888 we
  • 寻找非图灵完备的语言

    我知道一点什么是a图灵机 questions tagged turing machine and a 图灵完备 questions tagged turing complete语言 但为了更好地理解 有人可以举出非图灵完备的语言的例子吗 甚
  • Java拖动图像更好&重叠图像检测

    我有两个问题要问你 已解决 在java中 我能够使用鼠标侦听器在图像中移动 如果我单击并向上移动鼠标 它只会向上移动图像 而不是将图像精确移动到指针所在的位置 不让图像跳转到我的鼠标指针所在的位置 已解决 由于我正在构建一个编辑器 如果窗口
  • getopt.h:在 Windows 中编译 Linux C 代码

    我正在尝试获取一组九个 c 文件 以及九个相关的 h 文件 在 Windows 下进行编译 该代码最初是在 Linux 中设计的 用于使用标准 GNU Linux C 库 getopt h 获取命令行参数 该库不适用于在 Windows 中
  • JS:给定二维数组中的一个点和一个距离,哪些坐标是可移动的?

    给定一个任意大小的二维数组 如下所示 var board 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
  • 如何在 paypal 沙箱中获取身份令牌?

    我不知道 paypal 沙盒上的身份令牌在哪里 身份令牌与 api 编号相同吗 通过 www sandbox paypal com 访问个人资料 然后转至https www sandbox paypal com businessmanage
  • NoClassDefFoundError是如何抛出的

    我在 eclipse 中构建了一个名为 com hello 的包 并编写了一个简单的 HelloWorld 程序 Eclipse 自动添加了 package com hello 在我的程序之上 并且HelloWorld java被放入 F
  • python-将用户输入转换为整数格式时遇到问题

    user input Enter a number and I will tell you the sum of the multiples of 3 and 5 leading up to it number int user input
  • Apache HttpClient 4.1 - 代理身份验证

    我一直在尝试使用 Apache HttpComponent 的 httpclient 时从配置的属性配置代理身份验证的用户和密码 但没有成功 我发现的所有示例都引用了不再可用的方法和类 例如HttpState and setProxyCre
  • 如何观察 Vue.js 组件中 prop 的变化?

    我将图像文件路径数组传递给组件 我想知道如果我传递不同的数组 在 Vue js 组件中观察 prop 更改的最佳方式是什么 我正在使用引导轮播 所以想在数组更改时将其重置为第一个图像 为了简单起见 我将代码示例简化为 Vue compone
  • Chrome 如何检测信用卡字段?

    在某些表单中 Chrome 自动填充会提示信用卡自动填充 编辑 添加屏幕截图 这与浏览器自动完成不同 您之前不必以相同的形式输入该值 我应该如何编写 HTML 表单 以便浏览器将其检测为信用卡字段并触发此行为 与 Stripe 表单一起使用
  • 从 SVG 矩形元素获取每个像素的 RGB 值

    我需要获取 svg 矩形元素中每个像素的颜色值 在 canvas 中我们可以通过方法 getImageData x y width height 获取它 在svg中 有什么方法可以做到这一点吗 如果是的话请给出一些工作示例 如果您创建一个独