Баг с рендером SVG в html/css - Как исправить?

Adamos, и зачем начинающим такой "опыт", если по факту его и нет? Эх
Пусть люди пробуют инструменты, наша задача, как опытных, подсказывать им возможности. А Corel входит в тройку гигантов индустрии. Вот о чём бы стоило сказать в его сторону, так о жадности, но и адобовцы в этом отношении ничуть не лучше. Потому Inkscape на первое место поставил, хоть он и победнее и технологически и в GUI. Удачи вам

Баг с рендером SVG в html/css - Как исправить?

Пока вы отвечаете, хочу заметить, что в Corel интегрирован один из лучших трассеров в отрасли. По соотношению удобство\качество я ставлю его на первое место. Трассировка одна из основных операций при работе с SVG. Превратить растровое лого в векторное, с минимумом примитивов и точек в них, плюс соответствие формы\цвета, за разумное время.. - Назовите хотя бы три инструмента для этой операции?

пример: www.turbopro.ru/index.php/coreldraw/6418-coreldraw...

простите за Дзэн, вот пример скорости\качества операции трассировки в Corel: https://dzen.ru/media/id/5d6f922f0ce57b00ac5ee643/...

Баг с рендером SVG в html/css - Как исправить?

Adamos, "глубокой неприязнью" это понятно )
Есть какие-то технические замечания, например:
- какие задачи не может выполнить этот инструмент
- есть задачи, выполняемые, но неправильно
- ошибки в решениях
Т.е. отриньте эмоции, рассуждаем по делу. Спасибо

Баг с рендером SVG в html/css - Как исправить?

Adamos, чем руководствуетесь давая этот совет? Дополню: опыт работы с вектором у вас большой?

Баг с рендером SVG в html/css - Как исправить?

хорошо бы пометить ответ решением, отвечено объёмно и качественно. Спасибо!

p.s. установите Inkscape \ Illustrator \ Corel и исправляйте подобные вещи руками. Локально. Это самый грамотный вариант, никакая автоматика такие косяки не исправит.

Прошу подсказать как называется такой эффект?

где ))

Как автоматически подогнать размер шрифта, чтобы он полностью заполнял контейнер и зависел от высоты контейнера?

Semantic.Moscow, шагом выше привёл путь, гляньте

Как автоматически подогнать размер шрифта, чтобы он полностью заполнял контейнер и зависел от высоты контейнера?

ps ищем: Fluid Font Sizes

см. https://css-tricks.com/snippets/css/fluid-typography/
след. - https://blog.typekit.com/2016/08/17/flexible-typog...
см. https://open-props.style/#typography , раздел Fluid Font Sizes *

* вообще, ребята славно поработали в направлении стандартизации CSS

Как автоматически подогнать размер шрифта, чтобы он полностью заполнял контейнер и зависел от высоты контейнера?

Ankhena, погодите.. У нас есть W-viewport, с неясным scroll (положим, мы не хотим ловить его ч\з JS). Есть блоковый box с известными метриками в пространстве вьюпорта. Всё, что неизвестно в уравнении, это параметры конкретного шрифта, влияющие на ширину. Количество внутренних box-ов, размер кегля, количество символов + пробелы, плавающие параметры площадок глифов, трекинг, кернинг и проч. нюансы. Так дадим чуть больше воздуха, используем хаки, типа align center. В целом, не включая перфекционизм, с VW VH можно жить. Реально злой минус -- это поддержка технологии в старых версиях браузеров

Как автоматически подогнать размер шрифта, чтобы он полностью заполнял контейнер и зависел от высоты контейнера?

Ankhena, подбором параметров, иначе пляски с буб.. JS

Как повернуть контент к большей стороне?

Уточняющие вопросы:

а) Направление текста в пп. 1 и 3(если это текст) сверху вниз?
б) Картинка в п. 2 повернётся или изменятся её пропорции?

Пример VERT. Вы хотите нечто такое при повороте?

SVG нагружает процессор и страница лагает при скролле. Что делать?

сам фон (размытие в правом углу)

- минут 5 пытаюсь найти, куда смотреть? Кроме бело-голубого градиента(1) и светлых авелюр(2) с пятнышками(3) не вижу элементов, подходящих под описание. Можете закинуть в песочницу?

Как сделать грамотно сделать header?

Sergey_Dultsev, привет! Рассмотрите решение Антон Романков

Как сделать грамотно сделать header?

Антон Романков, это решение, напишите отдельным ответом, а не комментарием. Не все заглядывают в них

Как это можно реализовать на html css?

Smugly consider your answer a solution? Original!
..at the same time, ignoring the comments of community members that the decision is illiterate.

Как это можно реализовать на html css?

OT: Should be ashamed to earn reputation in this way

Есть тонна логотипов. Где продать?

много логотипов, которые остаются после работы

аналогичная история, выхода нет..

Примеры макета SENIOR-дизайнера?

Владимир Коротенко сарказм?

Что произошло с дизайном веба — почему стали такие большие разрешения для мобильных устройств?

В отношении touch вы правы частичноСовместимость с браузером Touch, однако, проблемы с iOS это типично частный случай, вполне себе решаемый подключением библиотек / самостоятельным писанием скрипта и т.п.

Сейчас адаптив делается только относительно ширины экрана.

Явление массовое, но "адаптив делается" согласно ТЗ, в моей практике max\min-height встречается в 20-25% ТЗ. Не представляется, что есть более-менее внятная статистика по этой выборке для категоричности суждения.

Что произошло с дизайном веба — почему стали такие большие разрешения для мобильных устройств?

Алекс Глебов,

.. айпад горизонтальный 1366 ..

*,
к тому, что средства современного CSS вполне сносно помогают определить, с каким устройством мы имеем дело

напр. touch-action + .. + CSS media посредством touch / no-touch + orientation* - в частности приведено для представленного вами примера