- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端架构与工程
Nodejs建站笔记-注册登录流程的简单实现
使用node-canvas模块增加验证码功能 node-canvas是一个将canvas API迁移到nodejs使用的扩展模块，使用node-canvas模块可以在nodejs服务器生成图片（当然它的作用不仅限于此 3.1 部署node-canvas依赖环境 node-canvas需要操作系统安装底层图形库，各操作系统的依赖如下： 目前开发环境为mac，简单记录一下环境部署操作以及遇到的一些坑。 首先按照上图安装底层库,由于brew安装的Cairo版本过低，将会导致canvas不正确的绘图（参考https://github.com/Automattic/node-canvas/issues/639 使用brew更新Cairo： brew update brew upgrade Cairo 安装成功后，在项目根目录下安装node-canvas: npm install canvas --save-dev
2.6K100发布于 2018-01-30 - 来自专栏西安-晁州
nodejs图片裁剪、缩放、水印
关于nodejs下图片的裁剪、水印，网上的模块很多，主要如下： gm：https://github.com/aheckmann/gm node-canvas：https://github.com/Automattic /node-canvas node-images：https://github.com/zhangyuanwei/node-images Cloudinary：http://cloudinary.com
6.9K00发布于 2017-12-26 - 来自专栏Tencent Serverless 官方专栏
Web 函数自定义镜像实战：构建图象处理函数
Why node-canvas ? 如同 jsdom 可以在 nodejs 里构建 window,document 上下文，node-canvas 也是 canvas 在 nodejs 环境下的一套实现。 准备编译环境 首先我们需要安装 node-canvas 的一个 编译 环境，如下列表格展示： 从列表中可以看到，它依赖着许多的第三方 lib 库。而这些库，并没有被预置在官方的 SCF 镜像里。
1.1K50发布于 2021-07-28 - 来自专栏Czy‘s Blog
SVG与foreignObject元素
格式的图片给予用户下载，在前端做一些批量的操作是不太现实的，再假设我们需要将这个SVG绘制出来拼接到Word或者Excel中，那么这些操作都要求我们需要在后端完整地将整个图片绘制出来，那么此时我们可能会想到node-canvas 在后端创建和操作图形，但是当我们真的使用node-canvas绘制我们的SVG图形时例如上边的DrawIO的例子，会发现所有的图形形状是可以被绘制出来的，但是所有的文本都丢失了，那么既然node-canvas 做不到，那么我们可能会想到sharp来完成图像处理的相关功能，例如先将SVG转换为PNG，但是很遗憾的是sharp也做不到这一点，最终效果与node-canvas是一致的。 https://github.com/lovell/sharp/issues/3668 https://github.com/Automattic/node-canvas/issues/1325 那么既然需求摆在这
1.5K61编辑于 2023-08-13 - 来自专栏code秘密花园
JavaScript 供应链为什么如此脆弱...
d3.js - v1.0.1 - 针对 Node.js 的d3.js fabric-js - v1.7.18 - 针对HTML5 canvas的对象模型和SVG到canvas的解析器，由jsdom和node-canvas nodecaffe - v0.0.1 - 针对 Node.js 的caffe nodefabric - v1.7.18 - 针对HTML5 canvas的对象模型和SVG到canvas的解析器，由jsdom和node-canvas 支持 node-fabric - v1.7.18 - 针对HTML5 canvas的对象模型和SVG到canvas的解析器，由jsdom和node-canvas支持 nodeffmpeg - v0.0.1 【manifest 混淆】node-canvas 一个 npm 包的 manifest 是独立于其 tarball 发布的，manifest 不会完全根据 tarball 的内容进行验证，生态系统普遍会默认认为 在现实中对于这种受害者的例子也有很多，比如 node-canvas： 感兴趣可以看我这篇文章：npm 生态系统存在巨大的安全隐患 文中详细介绍了这个问题。
68310编辑于 2023-11-27 - 来自专栏京程一灯
JavaScript条形码生成和扫码识别(Barcode scan)开源库
JsBarcode(canvas, "Hello"); // Do what you want with the canvas // See https://github.com/Automattic/node-canvas
7.3K30发布于 2019-03-27 - 来自专栏code秘密花园
npm 生态系统存在巨大的安全隐患
darcyclarke-binding 和 https://unpkg.com/darcyclarke-binding@1.0.0/package.json） 在现实中对于这种受害者的例子也有很多，比如 node-canvas ： https://www.npmjs.com/package/node-canvas/v/2.9.0? activeTab=explore https://registry.npmjs.com/node-canvas/2.9.0 https://github.com/npm/cli/issues/5234
75220编辑于 2023-08-23 - 来自专栏云游的小教程
char-dust 一个图片转字符画的 npm 包与示例站点
对于 Node 来说，并没有 document 的存在，当然也就没有 canvas 的 ImageData，但是我们可以通过 node-canvas 来实现。 node-canvas 是使用 C++ 原生编写，再打包交由 Node 调用，因此需要安装 node-pre-gyp，而这家伙可以说是「臭名昭著」了，国内的安装速度极为缓慢，还未必成功。
1.6K30发布于 2021-05-21 - 来自专栏前端小兵成长营
前端工程化 - 营销分享图解决方案
绘图 上手难度最大，对开发要求较高，canvas 和纯 html 布局相去甚远，在绘制图层的时候，样式还原度会比较差，但能够兼容小程序与 web 端，同时在需要转换成 node 服务的情况下，也有 node-canvas 那么在选择后端渲染的方案上，除了 node-canvas、其他的绘图类库之外，为了保证最好的还原度以及开发成本，最终选择了渲染模板 + 无头浏览器截屏的方式来获取分享图。
96310编辑于 2022-03-31 - 来自专栏友儿
使用canvas组合多图
options.Canvas && options.format === 'image/jpeg') { // Resolve data URI for node-canvas
89120编辑于 2022-09-13 - 来自专栏大前端开发
微信小程序之生成图片分享
如果在后端做的话，可选的技术方案还是挺多的，各种后端语言都有自己的绘图工具库，比如nodejs里可以用node-canvas来做，或者也可以通过调用一些图片编辑软件（如ImageMagic）来实现。
5.4K30发布于 2018-08-21 - 来自专栏全栈全栈
Apache ECharts 一个开源可商用的数据表格
除了 PC 和移动端的浏览器，ECharts 还能在 node 上配合 node-canvas 进行高效的服务端渲染（SSR）。
2.3K20发布于 2020-03-17 - 来自专栏前端小馆
浅谈 Canvas 渲染引擎
主流的服务端渲染方式有两种，一种是用 node-canvas 来输出一张图片，在 echarts 等库中都有使用，缺陷在于文本排版不够准确，对于自适应浏览器窗口的情况无法处理。 在飞书文档中使用了一种完全独立于 node-canvas 和 SVG 的解决方式，非常值得我们借鉴。
3.5K20编辑于 2023-03-16 - 来自专栏携程技术
干货 | 跨平台 Canvas 绘图引擎背后的黑科技
SpriteJS与粒子系统 六、跨平台 SpriteJS依赖于独立Canvas环境而不依赖于DOM，因此它有很好的跨平台属性，可以在Node.js中通过node-canvas渲染使用，也可以支持微信小程序
2.4K30发布于 2019-04-22 - 来自专栏程序员成长指北
最好的JavaScript数据可视化库都在这里了
除了 PC 和移动浏览器外，ECharts 还可以与 node 上的 node-canvas 一起使用，以便进行高效的服务器端渲染（SSR）。
5K20发布于 2019-11-19 - 来自专栏大帅老猿
我用编程"破解"了细节狂魔何同学的秘密
libjpeg-dev libgif-dev librsvg2-dev` 因为我很少用windows，所以windows的小伙伴自己去看官方介绍把，https://github.com/Automattic/node-canvas
1.4K20编辑于 2022-03-03 - 来自专栏终身学习者
11个React Native 组件库和 Javascript 数据可视化库
除了PC和移动浏览器，echart 还可以与 node-Canvas 一起使用，实现高效的服务器端渲染(SSR)。 ?
14.1K11发布于 2019-05-13 - 来自专栏QQ音乐技术团队的专栏
web实时长图实践
phantomjs-node (https://github.com/amir20/phantomjs-node) [4]、node canvas官网 (https://github.com/Automattic/node-canvas
7.6K80发布于 2018-03-01 - 来自专栏Nodejs技术栈
Nodejs BFF 开发 8 个月的心路历程
node-canvas 生成营销图。 但是，作为一个开发工程师，除了开发的能力，还要具备工程师不折不扣的折腾主义精神。奥力给。
2.7K30发布于 2020-03-18 - 来自专栏PHP在线
前端资源分享——只为更好前端
Zakas，雅虎首页的前端技术主管， YUI 库的贡献者，目前在 Box 公司任职 tj TJ Holowaychuk，Koa、Co、Express、jade、mocha、node-canvas、commander.js
4.5K111发布于 2018-04-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号