Создание объектов холста с более высоким DPI, чем у экрана?

Question

У меня есть объект холста, который мне нужно создавать с более высоким разрешением, чем исходное разрешение экрана.Я использую библиотеку графиков Flot, и мне нужно вывести график, который выглядит так же хорошо, когда он печатается, как и при отображении на экране.

Единственный метод, который я могу придумать, - это создать холстразмер в 3 раза больше, затем масштабируется, но я не думаю, что это сработает, когда я начну печатать.

Есть идеи?

Answer 1

Закрытие цикла на этом - я нашел лучший вариант - создать объект холста с разрешением 2х, а затем масштабировать его, используя параметры CSS ширины и высоты.

Answer 2

Таким образом, вы предлагаете создать элемент холста с определенной шириной и высотой (это исходное разрешение) и масштабировать его до различных координат окна, например ::100100

<canvas width="320" height="240" style="width: 640px; height: 480px"></canvas>

Я думаю, что проблема с этим заключалась бы в том, что средство визуализации печати может рассматривать масштабированный холст как изображение и просто отображать его с разрешением документа в пикселях, поэтому вы можете не получить желаемого улучшения.

Для того, что вы хотите, возможно, стоит выяснить, можно ли использовать SVG.