javascript - 在Nodejs中创建ImageBitmap?
问题描述
createImageBitmap
在节点中可用吗?ImageBitmap 上的MDN 文档表明这是一个仅限 Web 的 API。在某些情况下,我使用node-canvas加载图像,并且我想将该图像存储为位图:
import { loadImage } from 'canvas';
const bitmaps = {}
async function saveMyBitmap(imageURL) {
const image = await loadImage(imageURL);
const myBitmap = await createImageBitmap(image, 0, 0, 256, 256);
bitmaps['my-bitmaps-name'] = myBitmap
}
稍后在代码中,我需要将此位图写入画布,以便获取一些像素数据:
import { createCanvas } from 'canvas';
function getDataFromStoredBitmap() {
const canvas = createCanvas(256, 256);
const ctx = canvas.getContext('2d');
ctx.drawImage(bitmaps['my-bitmaps-name'], 0, 0, 256, 256);
const pixelData = ctx.getImageData(x, y, 1, 1); // coords of desired pixel
// do some more stuff with pixelData
}
我希望有一种createImageBitmap
在浏览器和nodejs 中都可以使用的方法。有没有办法做到这一点?
解决方案
推荐阅读
- ios - 如何正确地为隐藏在 UITableViewCell 中的 UIStackView 设置动画?
- django - django rest注册api报错:此字段为必填项
- docker - 需要重启时如何修改在Docker中运行的Payara的配置
- apache-kafka - 在集群中清理 Kafka 主题
- java - 如何使用 JDBC 以安全模式(kerberos+ssl)连接配置单元?
- r - 如何使用参数化过滤器与来自 power bi 的 r 数据进行通信
- continuous-integration - Circle CI 无法添加项目,它也不存在于工作流中
- node.js - 通过在猫鼬中填充匹配结果来查找文档
- javascript - WebStorm 在 TypeScript 上下文中不显示纯 JS 库的自动完成
- android - 可滚动的 LinearLayout 高度限制