如何使用 javascript 将位图转换为图像?

2024-01-13

我正在构建一个电子应用程序。需要有一个颜色选择器,所以我想构建一个滴眼式颜色选择器。我得到一些提示,robot.js 和 paper.js 可能会有帮助,所以我检查了它们。我想将它们结合在一起。我使用 robots.js 获取格式为的屏幕截图

bitmap {
  width: 2560,
  height: 1600,
  byteWidth: 10240,
  bitsPerPixel: 32,
  bytesPerPixel: 4,
  image: <Buffer d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 cf cd ff cf cf cd ff cf cf cd ff cf cf cd ff cf cf cd ff cf cf ... >,
  colorAt: [Function] }

我想将此位图显示为图像(可能带有 HTML img 标签)。 然后我将能够构建一个 Raster (paper.js) 用于监听滴眼和鼠标事件。

但是,我没有找到将该图像缓冲区转换为实际图像的方法。

任何帮助都是感激的!


bitmap.image.toString('base64')

https://nodejs.org/dist/latest-v6.x/docs/api/buffer.html#buffer_buf_tostring_encoding_start_end https://nodejs.org/dist/latest-v6.x/docs/api/buffer.html#buffer_buf_tostring_encoding_start_end

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

如何使用 javascript 将位图转换为图像? 的相关文章

  • 防止垃圾邮件按钮呼叫功能

    如何防止调用函数时出现垃圾邮件按钮 就像用户只能在按钮上每 1 秒调用一次该函数 有办法做到吗 因为我尝试了 setTimeout 但没有成功 它仍然在发送垃圾邮件 顺便说一句 我使用 Jquery 这是我的代码
  • 滚动时的 CSS 背景模糊

    我有固定的背景图像 滚动时我希望图像变得模糊 我知道如何在 css 中进行模糊 但在特定的滚动位置进行 这是一个例子 https medium com good music f160ba9e6c52 https medium com goo
  • 通过 JavaScript 获取表单名称

    我有一个简单的问题 但我在网上找不到好的解决方案 我有这个 HTML 代码
  • 想要动态处理与分页相关的页码显示:ReactJS

    我有一些分页逻辑工作得很好 唯一的问题是我只能让它显示并固定数量的页面可供选择 现在我已经把它放到了 5 页 但我希望它能够根据总记录动态更改 假设我有 100 条记录 每页限制为 10 条 将有 10 页 现在我只能让它以这种方式显示 第
  • 如何在React Native Android中获取响应头?

    您好 我想在获取 POST 请求后获取响应标头 我尝试调试看看里面有什么response with console log response 我可以从以下位置获取响应机构responseData但我不知道如何获取标题 我想同时获得标题和正文
  • IntersectionObserver是否支持水平滚动观察?

    我制作了几个垂直滚动 IntersectionObserver 模块 但我对水平滚动感兴趣 根将是 div 观察目标将是 img 我想观察当 img 放大但 div 保持视口宽度时的变化 我什至不确定移动 Safari 是否会将缩放后的图片
  • 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包
  • React Router v4 不渲染组件

    React Router v4 渲染组件存在问题 在应用程序初始加载时 它将呈现与 URL 相对应的正确组件 但是 任何后续的组件Link单击不会呈现所需的组件 图书馆 反应路由器 4 2 2 https reacttraining com
  • JavaScript RegEx:不同的结果:使用字符串和使用正则表达式“文字”构建模式?

    使用 RegExp 文字与字符串之间有什么区别吗 http jsfiddle net yMMrk http jsfiddle net yMMrk String prototype lastIndexOf function pattern p
  • mongodb 聚合 - 累积字段的不同组值

    如果我有Player表格文件 name String score Int 我有Group文档 其中组代表玩家列表 groupName String players ObjectID 玩家可以属于多个组 我想做一个聚合Player文档 按以下
  • JavaScript eval("{}") 返回行为?

    根据ECMA 262 规范 http www ecma international org publications files ECMA ST Ecma 262 pdf 以下语句返回1 eval 1 eval 1 eval 1 var a
  • 使用 Jade 评估自定义 javascript 方法 (CircularJSON)

    我想通过 Jade 将一个对象解析为客户端 JavaScript 通常这会起作用 script var object JSON parse JSON stringify object but my object is circular ht
  • 使用 CSS 折叠和展开元素

    我正在尝试构建一个页面 加载时仅可见标题 并且 当用户单击标题时 每个标题下方的表格会在隐藏和显示状态之间切换 我的限制是只能在 CSS 中执行此操作 这是我到目前为止想到的 https jsfiddle net Argoron c1ypx
  • 从 PHP 数组生成 HTML 表

    我不明白这一点 我需要解决看似简单的问题 但这超出了我的逻辑 我需要编写一个函数 table columns input cols 它将输出一个表 示例 input array apple orange monkey potato chee
  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I
  • 有没有办法使用 ko.observableArray 作为地图?

    有没有办法使用ko observableArray http knockoutjs com documentation observableArrays html像地图 字典一样 例如 var arr ko observableArray
  • 什么是 WKWebView 中的 WKErrorDomain 错误 4

    fatal error LPWebView encounters an error Error Domain WKErrorDomain Code 4 A JavaScript exception occurred UserInfo 0x7
  • 仅当显式选择行时才关闭 ui-bootstrap typeahead

    我创建了这个jsBin http jsbin com livuqafe 2 edit来证明我遇到的问题 如果您转到此处 请尝试输入 五 并继续 你的自然反应是输入 五 然后按 Tab 如果你想要 五百 你可以向下箭头一次 但是 在这种情况下
  • 测量窗口偏移

    有没有一种方法可以测量 jQuery 中窗口的偏移量 以便我可以比较 固定 元素和相对定位元素的位置 我需要能够知道窗口滚动了多远 以便我可以使用该图来计算固定元素的高度 相对于视口顶部 和相对对象的高度 相对于顶部 之间的差异文件的内容
  • 禁用允许文本选择的

    残疾人可以吗

随机推荐

  • 如何将此代码从 PyQt4 转换为 PyQt5

    我是 PyGt 中的一名完全新手程序员 我已经读过有关 PyGt4 的书 但现在我们有了 PyGt5 我无法运行书中的示例 例如 这是本书中的第一个示例 最简单的 您可以看到 from PyQt5 import QtCore QtGui 但
  • 如何使实体字段类型在 silex 中可用?

    我一直在我的最新项目中使用 Silex 并且我试图遵循 如何使用表单事件动态修改表单 http symfony com doc 2 3 cookbook form dynamic form modification html cookboo
  • C#:在对象之间创建强引用,而无需一个对象引用另一个对象

    假设我有 2 个类 Foo 和 Bar Foo 与 Bar 没有 也不可能有 关系 但是 我希望 bar 实例保持活动状态 只要它的 foo 实例保持活动状态即可 有没有办法在 foo 不实际引用 bar 的情况下这样做 谢谢 科恩 看看条
  • 将图形原型 (pb/pbtxt) 转换为 SavedModel 以在 TensorFlow Serving 或 Cloud ML Engine 中使用

    我一直在关注TensorFlow 诗人 2 https codelabs developers google com codelabs tensorflow for poets 2我在我训练过的模型上进行了代码实验室 并创建了一个带有嵌入权
  • Spring JPA - 查找并排序[重复]

    这个问题在这里已经有答案了 我有一个竞赛实体 Entity Table name T CONTEST public class Contest rest of the attributes Column name START TIME pr
  • 停止在 PHP 中显示通知

    我希望我的通知停止以 PHP 形式显示 代码中没有错误 只是说诸如未定义索引之类的内容 对此我们无能为力 那么如何阻止它显示呢 Notice Undefined variable username in C wamp www watched
  • C++ 如何获取窗口大小(宽度和高度)?

    我正在尝试创建一个图表 我需要知道用户正在其中运行代码的窗口的大小 我正在尝试缩放数据 以便数据仅显示在窗口的大小上 而不进行换行或滚动 我使用的是 Windows 但我想使用类似于 Linux 的类似工具 int lines atoi g
  • NavigationService 抛出 NullReferenceException

    我正在尝试使用 MVVM Light 开发一个相当简单的 WP7 应用程序 我在使用导航服务时遇到了问题 我可以导航到某个页面 但按后退按钮后我无法再次导航到同一页面 NavigationService 抛出 NullReferenceEx
  • 如何使用 ipcRenderer 发送多个参数

    我想知道如何通过 Electron 应用程序上的 ipcRenderer 发送多个参数 我应该发送一组参数还是只发送所有用逗号分隔的参数 Thanks 我会推荐一个用于参数传输的对象 因此 您还可以考虑为您的应用程序实现一致的 API va
  • 如何从 txt 文件获取 tsv 或 csv 数据到 d3.js 中的数组?

    我使用它来解析 csv 文件并创建 d3 文档中指定的数组数据 d3 tsv classes h txt function data data forEach function d console log data 0 console lo
  • 玩框架logback自定义布局

    我正在尝试使用自定义布局类来进行 Play Framework 2 0 logback 日志记录 首先 我在包 utils 中定义了一个自定义布局类 package utils public class MonitorLayoutForLo
  • 为什么 Perl 将勾号翻译成冒号?

    鉴于这个程序 use strict use warnings my zx size 32 my x zx size h0 Perl 告诉我 Name zx size h0 used only once possible typo at co
  • 在 CLI + vanilla git 中复制 IntelliJ 合并提交详细信息功能

    IntelliJ 具有非常方便的 Git 日志功能 用于检查合并提交详细信息 请参见下面的屏幕截图 https www jetbrains com help idea log tab html changedFiles https www
  • gnome-terminal 无法工作,可能是因为区域设置

    我在日语环境下安装了Antergos Arch的简易版 但我想把语言改为英语 所以我建议维基文章 https wiki archlinux org index php Locale然后取消注释后运行一些命令 en US UTF 8 UTF
  • 设置键盘协调:如何设置键盘 x,y 协调

    我有产品清单EditText in TableLayout 我想要键盘位于右侧 左侧EditText它需要包含 0 9 点 Delete 和 Done 不需要其他键 每次当用户点击EditText 它将在右侧显示键盘EditText 触发
  • php 使用curl 和 preg_match_all

    所以我想做的是使用 preg match all 从下表中提取数字 我尝试过使用一些正则表达式 但我还没有明白 我想提取数字并打印它们 IE gets the site ch curl init curl setopt ch CURLOPT
  • 使 Visual Studio 在用户(std::exception)异常时中断?

    我的代码引发未处理的异常 但 Visual Studio 中的调试器仅在系统引发的异常上中断 例如 下面的返回值getaddrinfo不为零 我的异常应该首先抛出 事实上 如果我在第 171 行放置一个断点 它就会被命中 但调试器只会在调用
  • 在Javascript中将rgba值转换为一个整数

    我已经可以将 32 位整数转换为其 rgba 值 如下所示 pixelData i red pixelValue gt gt 24 0xFF green pixelValue gt gt 16 0xFF blue pixelValue gt
  • 使用 PyCharm 调试 Popen 子进程

    我正在尝试调试使用 psutil Popen 对象的 Python 应用程序 当我启动子进程时 PyCharm 将我的命令行替换为以下内容 python m pydevd py multiproc client 127 0 0 1 port
  • 如何使用 javascript 将位图转换为图像?

    我正在构建一个电子应用程序 需要有一个颜色选择器 所以我想构建一个滴眼式颜色选择器 我得到一些提示 robot js 和 paper js 可能会有帮助 所以我检查了它们 我想将它们结合在一起 我使用 robots js 获取格式为的屏幕截