Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как отрисовку кривой сделать шириной меньше чем ширина svg? (https://javascript.ru/forum/dom-window/79761-kak-otrisovku-krivojj-sdelat-shirinojj-menshe-chem-shirina-svg.html)

gsdev99 20.03.2020 12:10

Как отрисовку кривой сделать шириной меньше чем ширина svg?
 
Всем привет. У меня есть линейный график, сделанный при помощи d3.js. У svg есть определенная ширина, например 900px. В теге <g></p> у меня находиться кривая path, мне необходимо, что бы ширина тега path была 800px, т.е. чтобы кривая отрисовывалась по ширине например 800px, а не по ширине тега svg. Тегу g задать ширину не удается. Подскажите пожалуйста как решить данную задачу.
https://codepen.io/gsdev99/pen/KKpBymz

MallSerg 20.03.2020 17:03

Загугли «SVG clip-path»

Malleys 20.03.2020 22:21

На строке №1159 вы можете указать нужный отступ справа (замените right: 20, на right: 120,) — https://codepen.io/Malleys/pen/NWqBERK?editors=0010 (чтобы было видно применение, добавил фон к svg)

Цитата:

Сообщение от MallSerg
Загугли «SVG clip-path»

Выполнил твои инструкции — не действует! 💩😷 Ты определённо не дописал свои инструкции. 🌚

MallSerg 21.03.2020 11:13

Какие инструкции?
Что за определение такое?

вроде как был вопрос
"Как отрисовку кривой сделать шириной меньше чем ширина svg?"
я вроде как дал ответ обратить внимание на свойство clip-path

Могу предположить что у тебя есть твердое знание о том как все вокруг должны отвечать на вопросы на этом форуме =).

Malleys 21.03.2020 12:34

Цитата:

Сообщение от MallSerg
Какие инструкции?

Такие, которые ты написал в сообщении №2 (в кол-ве одной штуки!)

Цитата:

Сообщение от MallSerg
вроде как был вопрос
"Как отрисовку кривой сделать шириной меньше чем ширина svg?"
я вроде как дал ответ обратить внимание на свойство clip-path

Ты весь такой вот умный — типа «загугли» или поищите на сайтах и так далее. А тебе не пришло на ум, что человек задал этот вопрос здесь уже после того, как выполнил все возможные процедуры по поиску нужного? Задав вопрос здесь, gsdev99 ожидал, что люди здесь сообразительней будут и поймут, что не стоит упоминать в вопросе, что все обычные способы поиска не дают результатов и хотелось бы услышать что-то более оригинальное, чем поисковые системы могут выдать.

Цитата:

Сообщение от MallSerg
Могу предположить что у тебя есть твердое знание о том как все вокруг должны отвечать на вопросы на этом форуме =).

Да, все могут вписать свой ответ в поле ниже («Быстрый ответ») и нажать на кнопку «Отправить быстрый ответ»! Вот я прямо сейчас это и сделаю...

Цитата:

Сообщение от MallSerg
я вроде как дал ответ обратить внимание на свойство clip-path

Ещё припишу... Отвратительно, когда что-то ищешь в Google, и попадаешь на творчество, подобное твоему в сообщении №2, которое предлагает ещё поискать...

MallSerg 21.03.2020 13:47

Цитата:

Сообщение от Malleys
Ты весь такой вот умный — типа «загугли» или поищите на сайтах и так далее. А тебе не пришло на ум, что человек задал этот вопрос здесь уже после того, как выполнил все возможные процедуры по поиску нужного?

Мне пришло на умчто топикстартер зашёл в тупик и не знает в каком направлении дальше проводить поиск решения своей проблемы именно по этому он и начал на всех ресурсах копипастить это сообщение в ожидании направления для дальнейшего поиска.

Думаю это то что нужно для топикстартера. однако на этот вопрос может ответить только он сам.

darktowerk56c 24.03.2020 19:38

Спасибо за помощь.


Часовой пояс GMT +3, время: 16:09.