Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Ответ
 
Опции темы
Старый 30.10.2017, 20:02   #1
DimaDR
Пользователь
 
Регистрация: 17.10.2017
Сообщений: 27
Репутация: 10
По умолчанию [РЕШЕНО] Создание электрической схемы в HTML с помощью SVG-контейнера

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

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

Код для рисования аналогичной схемы приведён в сообщении: http://www.programmersforum.ru/showp...1&postcount=12
Изображения
Тип файла: gif Электрическая схема ТОЭ.gif (3.4 Кб, 30 просмотров)

Последний раз редактировалось Вадим Мошев; 07.05.2018 в 19:54.
DimaDR вне форума   Ответить с цитированием
Старый 30.10.2017, 20:23   #2
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 16,974
Репутация: 3316

icq: 512-765
skype: alexp.frl
По умолчанию

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

Последний раз редактировалось Alex11223; 30.10.2017 в 20:25.
Alex11223 вне форума   Ответить с цитированием
Старый 30.10.2017, 20:33   #3
DimaDR
Пользователь
 
Регистрация: 17.10.2017
Сообщений: 27
Репутация: 10
По умолчанию

как говорится - мне нужно понять как в html прописать последовательность элементов, чтобы в конечном результате они были правильно соеденены?
DimaDR вне форума   Ответить с цитированием
Старый 30.10.2017, 20:35   #4
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 16,974
Репутация: 3316

icq: 512-765
skype: alexp.frl
По умолчанию

последовательность чего?
SVG это не HTML.
Alex11223 вне форума   Ответить с цитированием
Старый 30.10.2017, 20:41   #5
DimaDR
Пользователь
 
Регистрация: 17.10.2017
Сообщений: 27
Репутация: 10
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
последовательность чего?
SVG это не HTML.
спрошу иначе:
Код:

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


Последний раз редактировалось Вадим Мошев; 04.11.2017 в 14:15.
DimaDR вне форума   Ответить с цитированием
Старый 30.10.2017, 21:07   #6
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 16,974
Репутация: 3316

icq: 512-765
skype: alexp.frl
По умолчанию

Я ж говорил уже.
Цитата:
Сообщение от Alex11223 Посмотреть сообщение
Берите документацию/туториалы по SVG и рисуйте.
Ну или в векторном графическом редакторе типа Inkscape если нужна просто 1 картинка.
Делать за вас бесплатно вряд ли кто-то будет.
Alex11223 вне форума   Ответить с цитированием
Старый 30.10.2017, 21:13   #7
DimaDR
Пользователь
 
Регистрация: 17.10.2017
Сообщений: 27
Репутация: 10
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
Я ж говорил уже.


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

ДЕЛАТЬ МНЕ НЕ НУЖНО, сам хочу разобраться в принципе построения. я прописываю элементы (линии, круги и квадраты), но они не связанны один с другим. А как это сделать нигде не могу найти информацию.
DimaDR вне форума   Ответить с цитированием
Старый 30.10.2017, 21:21   #8
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 16,974
Репутация: 3316

icq: 512-765
skype: alexp.frl
По умолчанию

Смотря что и как.
path, M, L, ...
https://developer.mozilla.org/en-US/...Tutorial/Paths
Alex11223 вне форума   Ответить с цитированием
Старый 30.10.2017, 21:27   #9
Вадим Мошев
гигаМодератор :)
Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес:
Сообщений: 7,593
Репутация: 3678
По умолчанию

Цитата:
Сообщение от DimaDR Посмотреть сообщение
А как это сделать нигде не могу найти информацию
Вам необходим учебник по SVG. SVG - это язык разметки, один из стандартов XML.

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

Последний раз редактировалось Вадим Мошев; 30.10.2017 в 21:29.
Вадим Мошев на форуме   Ответить с цитированием
Старый 04.11.2017, 14:14   #10
Вадим Мошев
гигаМодератор :)
Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес:
Сообщений: 7,593
Репутация: 3678
По умолчанию

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

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

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


12:37.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru