我想两个显示一个图表,并提供一个带有指向更大图表的链接的 url。小预览图像看起来和工作正常:
<canvas id="image"></canvas>
var ct1 = document.getElementById("image").getContext("2d");
ct1.canvas.width = document.getElementById("image").offsetWidth;
ct1.canvas.height = document.getElementById("image").offsetHeight;
var Chart1 = new Chart(ct1).Line(lineChartData1,options);
画布被包裹在一个 div 中,这就是为什么offsetWidth和offsetHeight(填充这个额外的 div 元素)。响应式设计的原因是没有固定的图像。无论如何,这完美无缺。对于“更大”图像的 URL,我想要 URL。我知道toDataURL()会有所帮助。
var url = document.getElementById("image").toDataURL();
document.write(url);
它有两个令人不安的问题:
- 这种方式的网址是存在的,但是图片没有内容。
- 我也想给画布图像一个新的大小,就像我用ct1.canvas.width和ct1.canvas.height管理一样,但似乎我无法将它添加到toDataURL。
代码有什么问题?