Задать вопрос

CityzenUNDEAD

Лайки

  • Как сделать, что бы svg-изображение внутри контейнера svg всегда было по центру?

    hisbvdis
    @hisbvdis
    У меня есть тег svg

    И для тега <svg> задан размер 75x22

    внутри которого код картинки

    Код не совсем картинки. С помощью svg-путей (кривых линий) написан текст "pink"

    мне нужно что бы контейнер svg, и изображение были размером 75x22

    Проблема в том, что текст нарисован с помощью абсолютно указанных координат. И начинается это рисование с отступом в ~70px по оси X и ~18px по оси Y. Естественно, при холсте всего в 72x22px кривые будут выходить за рамки холста.

    почему если у svg тега из моего примера сбросить размеры и вьюбокс, изображение находится по центру

    Я так понимаю, под "сбросить" подразумевается "не указывать вообще"?
    Потому что по умолчанию, svg-элемент имеет размеры 300x150px и при таких размерах нарисованные с помощью абсолютно заданных координат кривые видны.

    UPDATE:
    как можно сделать, что бы svg изображение всегда было по центру svg контейнера?

    Не проще ли сделать нужный контейнер через HTML, а внутри него уже позиционировать SVG-элемент с фиксированными размерами?
    Также, я изменил принцип рисования этого слова, чтобы оно не отступало 75px слева
    Пример:
    https://codepen.io/hisbvdis/pen/jOOKRNv

    5dc722c933c1f679231808.png
    Ответ написан
    2 комментария
    2 комментария

  • Как отловить событие нажатия двух клавиш?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Слушайте keydown и добавляйте в массив или Set нажатый код. При этом проверяйте, что в итоге лежит в массиве: если нужные две клавиши набрались, пора что-то сделать.

    По событию keyup удаляйте из массива нажатых код этой клавиши.


    Во вкладке Result кликните на белом поле и нажмите Shift + Tab
    Ответ написан
    3 комментария
    3 комментария

  • Как можно более удобно редактировать html разметку?

    robinzonejob
    @robinzonejob
    разработчик .NET
    Во многих IDE есть функция автоформатирования, которая привязывается к определенным горячим клавишам или сочетанию клавиш в настройках.
    Например в VS Code под Windows по умолчанию - это Shift + Alt + F, насколько я помню.
    Ответ написан
    1 комментарий
    1 комментарий

  • Можно ли применить classList для childNodes?

    ellenripley4
    @ellenripley4
    Любитель тяжелой музыки и фронтэнда
    childNodes возвращает не только узлы html-элементов, но и текстовые узлы и переносы строк, поэтому не исключено, что в ваш childNodes[0] попадает элемент типа text. Продебажьте, если хотите убедиться, что попадает туда точно.

    Рекомендую использовать children вместо childNodes, попробуйте, скорей всего поможет.
    toggle.children[1].children[0].classList.contains('effects__preview--chrome')
    Ответ написан
    Комментировать
    Комментировать

  • Можно ли через node js написать программу, которая сможет обращаться к внутренностям компьютера?

    @Interface
    В двух словах - можно. У самой ноды нет встроенного API для этого, но можно использовать сторонние пакеты, которые это реализуют. Они работают по одной из двух стратегий:
    - используют нативные аддоны (у ноды есть механизм интеграции бинарных модулей), для этого можно использовать C++; (таким образом все что можно сделать на C++ можно обернуть в модуль и оно будет доступно в node.js)
    - используют существующие утилиты командной строки в разных ОС и парсят их вывод. При всех недостатках этого подхода, есть существенное преимущество - нет необходимости компилировать модули при установке или качать бинарники в слепую. А на windows может быть совсем нетривиально компилировать бинарные зависимости.

    Один из пакетов https://www.npmjs.com/package/systeminformation

    Поищите в npm возможно там есть готовое все, что вам нужно.
    Ответ написан
    Комментировать
    Комментировать