node重绘图片_使用nodejs生成图片的尝试

2024-05-15 03:33:56

最近在开发项目的过程中，碰到了前端渲染的瓶颈，在首页加载图片的过程中，渲染echarts图片过多容易导致页面的卡顿。因此尝试了下，使用nodejs 优先生成好图片之后，再由用户进行开发。

依赖如下：

1) node-echarts

node 生成图片主要依赖于 node-echarts 模块(如果没有，请使用 npm install node-echarts);

2) echarts.min.js

根据你的样式需要，去官网下载下这个东西，然后注意引入即可。

代码如下：

var node_echarts = require('node-echarts');

console.time('start');

node_echarts({

width: 500, // Image width, type is number.

height: 500, // Image height, type is number.

option: {

xAxis: {

type: 'category',

data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

},

yAxis: {

type: 'value'

},

series: [

{

data: [820, 932, 901, 934, 1290, 1330, 1320],

type: 'line'

}

]

}, // Echarts configuration, type is Object.

//If the path is not set, return the Buffer of image.

path: './aa.png', // Path is filepath of the image which will be created.

enableAutoDispose: true //Enable auto-dispose echarts after the image is created.

});

node_echarts({

width: 500, // Image width, type is number.

height: 500, // Image height, type is number.

option: {

xAxis: {

type: 'category',

data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

},

yAxis: {

type: 'value'

},

series: [

{

data: [820, 932, 901, 934, 1290, 1330, 1320],

type: 'line'

}

]

}, // Echarts configuration, type is Object.

//If the path is not set, return the Buffer of image.

path: './bb.png', // Path is filepath of the image which will be created.

enableAutoDispose: true //Enable auto-dispose echarts after the image is created.

});

console.timeEnd('start');

node重绘图片_使用nodejs生成图片的尝试相关推荐

node mysql框架_关于nodejs的框架选择
对于新入门的小伙伴来说,选择一个合适的nodejs框架可能是一件很头疼的事情,我最初也为这个头疼过,下面分享一下我的框架选择之路 nodejs的框架最近来node的火热,带动了一大批的框架,例如 e ...
node mysql同步_一些nodejs实现同步操作想法实现
115同步盘v1.0.9.3 正式版类型:下载工具大小:1.6M语言:中文评分:1.8 标签: 立即下载众所周知,异步是nodejs中得天独厚的特点和优势,但同时在程序中同步的需求(比如控制程序 ...
Node跨域cors模块,nodejs+express跨域
Node跨域cors模块 NodeJS+Express跨域什么是CORS CORS(Cross-origin resource sharing),跨域资源共享,是一份浏览器技术的规范,用来避开浏览器 ...
node mysql实现登陆注册_使用 NodeJs 链接 mysql 的实现登录与注册
基础要求: 电脑安装NodeJs ,熟悉javascript语法 ; 会使用工具 wamp 废话不多说,开始正文; 创建一个文件夹用来操作下面步骤; 使用 npm 安装 mysql插件; 完成后创建j ...
node mysql登录注册_图解NodeJS实现登录注册功能
该Demo根据菜鸟教程的练手项目,请提前到菜鸟教程的官网查看nodejs的相关教程,根据教程实际操作一遍,然后自己动手去实现登录.注册功能,此Demo只作参考,不符合前端相关规范. 使用的技术栈 no ...
打包node服务端_如何基于NodeJS从零构建线上自动化打包工作流？
前言 NodeJS在前端领域正扮演着越越重要的地位,它不仅可以让前端工作者使用javascript编写后端代码,还能方便地搭建响应速度快.易于扩展的网络应用.Node.js 使用事件驱动,非阻塞I/O ...
node.js学习文档_学习NodeJs从每天一个小知识点开始
NodeJs中process.cwd()与__dirname的区别: process.cwd() : 是当前执行node命令时候的文件夹地址 --工作目录,保证了文件在不同的目录下执行时,路径始终不变 ...
node爬取某app数据_使用NodeJs，实现数据抓取
学习笔记前言近期做一个数据抓爬工具,最开始使用的是C#控制台应用,同时正则表达式去过滤数据,看着还行,可每次运行都依附于.net framework很是不爽,于是想整点其他的方法.本人还是比较喜欢 ...
node怎么跳转链接_使用nodejs实现页面跳转
使用NodeJs实现页面的跳转 1 创建testApp.js: var http=require('http'); var fs=require('fs'); var server =http.cre ...
node mysql崩溃_为什么这个mysql错误会导致nodejs崩溃而不是去catch函数?
事实上,@Quentine很接近正确的事情... 最后,我创建了自己的包装函数,用适当的promise处理来创建connection+call execute. import mysql = requ ...

最新文章

热门文章