Угловая панель для подписи для экрана с высоким разрешением - PullRequest
Новая
       30

Угловая панель для подписи для экрана с высоким разрешением

0 голосов
/ 14 марта 2019

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

Насколько я понимаю, контекст умножается вдвое.Один раз, когда я масштабирую высоту и ширину, и второй раз, когда я масштабирую контекст (мой devicePixelRatio равен 2). 

this.canvas = this.element.nativeElement;

var ratio =  Math.max(window.devicePixelRatio || 1, 1);

this.canvas.width = this.canvas.width * ratio;
this.canvas.height = this.canvas.height * ratio;
this.canvas.getContext("2d").scale(ratio, ratio);

Я создал стек стека, чтобы продемонстрировал проблему (вынадо попробовать с высоким разрешением экрана).В официальной демоверсии 1013 * он выполняет те же функции для контекста и размера, поэтому мне было интересно, если проблема возникает из-за углового nativeElement.

Есть идеи, как я могу это исправить?

...