[РЕШЕНО] Создание электрической схемы в HTML с помощью SVG-контейнера - HTML и CSS

DimaDR · 30.10.2017, 19:02

Помогите плиз с советом, как создать схему (пример прикрепил) с помощью SVG в документе html??? Это вообще возможно???
Заранее спасибо!

Решение:
Материалы, посвящённые SVG, можно найти, например в книге Дэвида Фленагана "Практические руководство по Javascript, 6 издание".

Код для рисования аналогичной схемы приведён в сообщении: http://www.programmersforum.ru/showp...1&postcount=12

Alex11223 · 30.10.2017, 19:23

Так помочь-то чем? Берите документацию/туториалы по SVG и рисуйте.
Ну или в векторном графическом редакторе типа Inkscape если нужна просто 1 картинка.

DimaDR · 30.10.2017, 19:33

как говорится - мне нужно понять как в html прописать последовательность элементов, чтобы в конечном результате они были правильно соеденены?

Alex11223 · 30.10.2017, 19:35

последовательность чего?
SVG это не HTML.

DimaDR · 30.10.2017, 19:41

Цитата:

Сообщение от Alex11223

последовательность чего?
SVG это не HTML.

спрошу иначе:

Код:

<body>
<svg>
(ЧТО НУЖНО ТУТ ПРОПИСЫВАТЬ, ЧТОБ В РЕЗУЛЬТАТЕ ПОЛУЧИЛАСЬ ТАКАЯ СХЕМА?)
</svg>
</body>

Alex11223 · 30.10.2017, 20:07

Я ж говорил уже.
↓

Цитата:

Сообщение от Alex11223

Берите документацию/туториалы по SVG и рисуйте.
Ну или в векторном графическом редакторе типа Inkscape если нужна просто 1 картинка.

Делать за вас бесплатно вряд ли кто-то будет.

DimaDR · 30.10.2017, 20:13

Цитата:

Сообщение от Alex11223

Я ж говорил уже.
↓

Делать за вас бесплатно вряд ли кто-то будет.

ДЕЛАТЬ МНЕ НЕ НУЖНО, сам хочу разобраться в принципе построения. я прописываю элементы (линии, круги и квадраты), но они не связанны один с другим. А как это сделать нигде не могу найти информацию.

Alex11223 · 30.10.2017, 20:21

Смотря что и как.
path, M, L, ...
https://developer.mozilla.org/en-US/...Tutorial/Paths

Вадим Мошев · 30.10.2017, 20:27

Цитата:

Сообщение от DimaDR

А как это сделать нигде не могу найти информацию

Вам необходим учебник по SVG. SVG - это язык разметки, один из стандартов XML.

Кое-что можете посмотреть в книгах из этого сообщения

Вадим Мошев · 04.11.2017, 13:14

Также могу посоветовать книгу от Дэвида Фленагана "Практические руководство по Javascript, 6 издание". Там есть небольшой раздел, посвящённый работе с SVG.

30.10.2017, 19:23	#2
Alex11223 Старожил Регистрация: 12.01.2011 Сообщений: 19,500	Так помочь-то чем? Берите документацию/туториалы по SVG и рисуйте. Ну или в векторном графическом редакторе типа Inkscape если нужна просто 1 картинка. Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223 ЛС отключены Аларом. Последний раз редактировалось Alex11223; 30.10.2017 в 19:25.

30.10.2017, 19:35	#4
Alex11223 Старожил Регистрация: 12.01.2011 Сообщений: 19,500	последовательность чего? SVG это не HTML. Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223 ЛС отключены Аларом.

30.10.2017, 20:21	#8
Alex11223 Старожил Регистрация: 12.01.2011 Сообщений: 19,500	Смотря что и как. path, M, L, ... https://developer.mozilla.org/en-US/...Tutorial/Paths Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223 ЛС отключены Аларом.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
[РЕШЕНО] Вывод в блок div с помощью JS	s88s	JavaScript, Ajax	17	09.11.2017 17:15
выбор комплектующих и составление электрической схемы - На выходе светодиодная матрица 24*6	lazywoolf	Микроконтроллеры, робототехника, схемотехника, 3D принтеры	9	20.07.2017 09:33
Matlab Simulink. Создание схемы электрической сети	sukaste	Фриланс	0	25.05.2016 07:32
Круги-проценты c помощью svg	WebbMan	HTML и CSS	1	26.06.2015 11:27
[FASM] Программа для электрической схемы.. Не проходит компиляция..	hen	Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM	0	11.11.2011 07:28

30.10.2017, 19:33	#3
DimaDR Пользователь Регистрация: 17.10.2017 Сообщений: 27	как говорится - мне нужно понять как в html прописать последовательность элементов, чтобы в конечном результате они были правильно соеденены?

04.11.2017, 13:14	#10
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Также могу посоветовать книгу от Дэвида Фленагана "Практические руководство по Javascript, 6 издание". Там есть небольшой раздел, посвящённый работе с SVG.