Задать вопрос
Cheizer
@Cheizer
css

Как управлять размерами SVG маски?

Друзья, очень слабо разбираюсь в SVG. Помогите разобраться как управлять размерами этого SVG с маской?

Вот живой код https://codepen.io/Cheizer/pen/xxKvyzb

Размер SVG указан с бордером
width:170px; 
  height:125px;


Но фактический размер меньше :( как управлять размером?
И как менять размер элемента circle по углам? Если есть возможность на CSS управлять этими размерами было бы супер.
  • Вопрос задан
  • 107 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Anna_BS
@Anna_BS
viewBox=”0 0 10 6.7″ – определяет пользовательскую область просмотра - если у вас ширина 170, то высота должны быть ~114, но лучше избегать не целых значений
размер circle можно попробовать изменить через обводку stroke-width: 1px;
Ответ написан
10 комментариев
10 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать дизайн главной страницы сайта
19 апр. 2024, в 19:17
1500 руб./за проект
DevOps задачи, работа с Yandex Cloud и Yandex Database
19 апр. 2024, в 18:38
1500 руб./в час
Верстка сайта -4-5 страниц
19 апр. 2024, в 18:36
1500 руб./за проект
Ещё заказы