js2image 是一个 npm 包，可以将 JavaScript 代码转换为图片形式。它可以用于将代码融入到教程、文档或博客文章中。
安装
使用 npm 安装 js2image：
npm install js2image
接着，引入 js2image：
const js2img = require('js2image');使用方法
js2image 有两个函数：drawImage 和 getImageData。
drawImage
drawImage 是较为简单的函数，它将绘制一个指定大小的图片，并将 JavaScript 代码绘制到这个图片上。
js2img.drawImage(code, canvasWidth, canvasHeight, options)
- code：要绘制的 JavaScript 代码字符串
- canvasWidth：目标图片的宽度
- canvasHeight：目标图片的高度
- options：额外配置信息，它是一个可选的对象，可以配置背景颜色、字体大小、字体样式和代码行数等信息。
以下是一个示例：
-- -------------------- ---- -------
----- ---- - -------------- ----------
----- ----------- - ----
----- ------------ - ----
----- ------- - -
--------- -------
--------- --------
---------------- ----------
------------ ----
-
---------------------- ------------ ------------- --------
------------- -- -
-- ------- ------- ------ --
--
----------------------getImageData
getImageData 是一个高级函数，它会返回基于给定代码绘制的 ImageData 对象。
js2img.getImageData(code, canvasWidth, canvasHeight, options)
- code：要绘制的 JavaScript 代码字符串
- canvasWidth：目标图片的宽度
- canvasHeight：目标图片的高度
- options：额外配置信息，它是一个可选的对象，可以配置背景颜色、字体大小、字体样式和代码行数等信息。
以下是一个示例：
-- -------------------- ---- -------
----- ---- - -------------- ----------
----- ----------- - ----
----- ------------ - ----
----- ------- - -
--------- -------
--------- --------
---------------- ----------
------------ ----
-
------------------------- ------------ ------------- --------
--------------- -- -
-- --------- ---- --------- --
--
----------------------总结
使用 js2image 可以将 JavaScript 代码转换为图片，然后将其集成到教程、文档或博客文章中，增加可读性。js2image 的使用非常简单，只需要引入并调用 drawImage 或 getImageData 函数即可。在学习、教育和科技传播领域中，js2image 具有重要的使用和指导意义。
示例代码
-- -------------------- ---- -------
----- ------ - --------------------
----- ---- - -------------- ----------
----- ----------- - ----
----- ------------ - ----
----- ------- - -
--------- -------
--------- --------
---------------- ----------
------------ ----
-
-- -- --------- ------
---------------------- ------------ ------------- --------
------------- -- -
--------------------- -- ------- ------- ------ --
--
----------------------
-- -- ------------ ---- --------- --
------------------------- ------------ ------------- --------
--------------- -- -
----------------------- -- --------- ---- --------- --
--
----------------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70681