js减少画布的大小，而不改变图表的大小

Question

我有一个雷达图，具有以下画布属性:

ctx.canvas.width = 600;
ctx.canvas.height = 550;

图表显示良好，但画布似乎太大，因为图表周围有很多空白。我已经尝试减小画布的大小，但是这会减小我不想要的图表的大小。

任何建议吗?

问候,莎拉

Answer 1

你必须将responsible设置为false，根据这个重复的问题/答案:https://stackoverflow.com/a/43281488/3589609

 options: {
                responsive: false
            }

Answer 2

为什么不初始化较小尺寸的画布呢?

<canvas id="myChart" width="400" height="400"></canvas>