Как масштабировать SVG без потери контуров в Easel.js? - PullRequest
0 голосов
/ 16 апреля 2019

У меня есть холст на основе Easel.js и несколько SVG. Когда я помещаю эти SVG на холст как векторные фигуры и пытаюсь масштабировать весь холст, некоторые контуры SVG становятся искаженными / размытыми.

Есть ли способы избежать такого поведения?

Проблема: enter image description here

Образец SVG: http://s000.tinyupload.com/index.php?file_id=88515840051764837348

1 Ответ

1 голос
/ 16 апреля 2019

Поддержка EaselJS на холсте ограничена рендерингом на основе изображений. По сути, он загружает SVG как растровое изображение. Когда вы масштабируете его, вы не видите, как он перерисовывает вектор, но вместо этого он масштабируется, как изображение. Если вы масштабируете его выше 100%, оно должно быть более очевидным (оно станет пиксельным / размытым).

Не уверен, что вы можете обойти это с источником SVG. Вы можете вносить пути в Adobe Animate и экспортировать их в виде необработанной графики EaselJS, которая будет более предсказуемо масштабироваться.

Приветствия

...