Как преобразовать / перевести текстовый элемент в d3?

Я пытаюсь перевести свой текст svg (метка оси), чтобы я мог центрировать его с контейнером svg. Я пробовал с этим кодом:

svg.append("text")
  .attr("x", 100)
  .attr("y",100)
  .attr("transform", "translate(-50%, -50%)")
  .text("any text");

Более того, ничего не происходит. Другие элементы svg переводятся без проблем, но текст не сдвигается с исходного положения. Что не так, как правильно перевести текст SVG?

Не могли бы вы поделиться подробным кодом?

— 31.12.2018 01:29

d3.js svg transform translate

30.12.2018 20:40

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

1 716

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Удалите знаки % из аргументов, которые вы передаете translate:

svg.append("text")
  .attr("x", 100)
  .attr("y", 100)
  .attr("transform", "translate(-50, -50)")
  .text("any text");

Вы можете проверить MDN документы.

Спасибо @ edgar-r-mondragón, он работает без знака%. Значит с процентами это сделать нельзя?

— 31.12.2018 16:22

Согласно документам это невозможно. Однако запятая не обязательна. Если ответ был полезен, пометьте его как принятый :)

— 31.12.2018 18:29

31.12.2018 03:05

Другие вопросы по теме

Проблемы с созданием логотипа в CSS?

Установите нестандартный размер страницы в диалоговом окне предварительного просмотра Chrome для печати

Изображение svg как кнопка во флаттере

Как масштабировать SVG-путь для функции движения anime.js?

Можно ли использовать переменные css внутри встроенного svg?

Как удалить подчеркивание при наведении курсора на <text> в элементе <a> в svg

SvgPicture.asset неправильно изменяет размер изображения

JQuery + SVG: невозможно получить доступ к элементу SVG в iFrame

Как сделать так, чтобы скользящая анимация начиналась с края страницы?

Как коллективно установить атрибуты svg?

Как преобразовать / перевести текстовый элемент в d3?

Ответы 1

Другие вопросы по теме

Похожие вопросы