这是一个创建于 680 天前的主题，其中的信息可能已经有所发展或是发生改变。
我用 Echarts 画了一个 500x500 的 canvas,希望能导出为一张 2000x2000 像素的图片。
为了达到这个目标，我把 canvas 的尺寸改成了 2000x2000 ，但是画布上的字就变得非常小了。
怎么在放大的时候让 Echarts 自动适配画布，等比例放大页面上的元素？
原 canvas
修改后（字变得很小）
为了达到这个目标，我把 canvas 的尺寸改成了 2000x2000 ，但是画布上的字就变得非常小了。
怎么在放大的时候让 Echarts 自动适配画布，等比例放大页面上的元素？
原 canvas
修改后（字变得很小）
 |
1
christin 2023-02-07 22:05:47 +08:00 via iPhone
在最外层指定字号大小
|
 |
2
kaifeiji 2023-02-07 22:06:08 +08:00
toolbox.feature.saveAsImage.pixelRatio
|
 |
3
liyang5945 2023-02-07 22:09:21 +08:00  2
渲染方式使用 svg （放大不会糊），外面的容器 css 添加 transform: scale(4);
示例代码： this.lineChart = echarts.init(this.$refs.phoneChart, null, { renderer: 'svg' }) |
|
4
liyang5945 2023-02-07 22:23:19 +08:00
刚试了一下这种方式也可以，画出来后直接在 canvas 右键另存图片就行
this.lineChart = echarts.init(this.$refs.phoneChart, null, { renderer: 'canvas', devicePixelRatio:4 }) |
 |
5
qsnow6 OP @liyang5945 #3 非常感谢，改成 svg 后解决了。🙌
|
|
6
qsnow6 OP @liyang5945 #4 修改 devicePixelRatio 参数更简单，牛逼
|
 |
7
mynameislihua 2023-02-08 10:23:38 +08:00
学到了
|
Select Language