如何根据div父级宽度使画布响应

Question

所以我是jQuery的新手，我一直在研究API，我们可以使用resize（）事件处理程序来调整元素的大小，获取特定元素的parent（）div并通过使用attr（）来设置属性方法。

我尝试了以下代码，当我输出到控制台时，一切似乎都按预期进行（宽度根据canvas elemt的父级而变化）。但是当我调整窗口大小时，画布消失了：

$(window).resize(function() {
  var width = $('#line_chart_price').parent().width();
  $('#line_chart_price').attr('width', width);
});

我在这里做错了什么？

非常感谢

Answer 1

您需要在调整大小时重新绘制画布上下文。

Answer 2

我创建了一个示例，根据父元素的尺寸反映了画布的响应能力。