Можно ли адекватно масштабировать canvas под размеры адаптивного div'а?

Question

[BanterFace]

Суть кратко:
Есть канвас, динамически изменяется, создаётся из particles.min.js (на самом деле он совсем не min), в самом конце. Есть div, с свойством clip-path, в котором этот канвас лежит. И, вроде бы, всё должно выглядеть как на блоке выше, но нет. А почему нет - я не знаю, и прошу помочь мне выяснить это.
Вот линк на то, что я описал (там много css-файлов, которые не нужны, но определение того, какие именно из них не нужны, заняло бы много времени): https://yadi.sk/d/4PnnU_Ey32XbXE

Comments

[BanterFace]

Возможно, это: bootstraptema.ru/stuff/snippets_bootstrap/elements... поможет, вечером сегодня попробую реализовать

[BanterFace]

UPD: Если диву particles-js придать ширину 1900 и высоту 500, станет виден весь канвас. Что, впрочем, не решает проблемы встраивания в "родительский див".

Answer 1

[DTX]

Добавить
overflow: hidden;


Upd:
Если речь про адаптивность clip-path, то точки можно задавать в процентах, не в пикселях.

Comments

[BanterFace]

Но это лишь скрывает то, что не помещается в див, а мне нужно, чтобы оно подстраивалось под див и изменяло размер вместе с дивом, если нужно (адаптивность).

[DTX]

Глеб Сердюков: Так он и сейчас подстраивается. Или хотите, чтобы растояние между точками меньше становилось при уменьшении? Тогда нужно в onresize заново инциализировать канву, передавая новые параметры.

[BanterFace]

DTX: но... Кусок канваса сейчас вне дива, а нужно чтобы всё было внутри

[BanterFace]

Кажется, я плохо формулирую .____.

Answer 2

[BanterFace]

Вопрос решения не имеет, т.к. clip-path не является адаптивным свойством. Спасибо всем, кто задумался на эту тему.

Comments

[DTX]

>Если речь про адаптивность clip-path, то точки можно задавать в процентах, не в пикселях.

[BanterFace]

DTX: но объект при изменении width (что в стилях, что самого холста) не будет менять собственный размер.

[DTX]

Глеб Сердюков: какой объект? канва? Её ширина равна ширине дива. Про длину линий уже писал:
>Или хотите, чтобы растояние между точками меньше становилось при уменьшении? Тогда нужно в onresize заново инциализировать канву, передавая новые параметры

[BanterFace]

DTX: нет, расстояние между точками должно быть тем же. Проблема в том, что маска не маштабируется под размеры объекта. Несколько минут назад я думал, что это плохо, но сейчас, кажется, понял в чём проблема и как её решить, спасибо.