Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 12.11.2017, 17:28   #11
DimaDR
Пользователь
 
Регистрация: 17.10.2017
Сообщений: 27
По умолчанию

Цитата:
Сообщение от Вадим Мошев Посмотреть сообщение
Также могу посоветовать книгу от Дэвида Фленагана "Практические руководство по Javascript, 6 издание". Там есть небольшой раздел, посвящённый работе с SVG.
Спасибо, решил проблему ))
DimaDR вне форума Ответить с цитированием
Старый 14.11.2017, 13:11   #12
DimaDR
Пользователь
 
Регистрация: 17.10.2017
Сообщений: 27
Хорошо

Вот код решения, самое главное это правильно указывать координаты ))

Код:
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
		<h1>Электрическая схема ТОЭ</h1>
	<svg width="470" height="470" 
	background-color="white"
	border-radius="18px"
	stroke="#4B0082"
	stroke-width="3px" >
		<line x1="10" y1="120" x2="50" y2="120"/>
		<polyline points="50,110 10,110 30,110 30,60 225,60 225,210"  style="fill:white"/>
		<rect x="210" y="210" width="30" height="100" style="fill:white"/>
		<circle cx="225" cy="60" r="6" fill="#4B0082"></circle>
		<line x1="225" y1="60" x2="295" y2="60"/>
		<circle cx="315" cy="60" r="20"style="fill:white"></circle>
		<text x="303" y="70" font-size="200%" stroke-width="1px">&larr;</text>
		<line x1="335" y1="60" x2="420" y2="60"/>
		<circle cx="420" cy="60" r="6" fill="#4B0082"></circle>
		<line x1="420" y1="60" x2="420" y2="100"/>
        	<path d="M420,99 Q460,115 420,130" style="fill:white"/>
		<path d="M420,129 Q460,145 420,160" style="fill:white"/>
		<path d="M420,159 Q460,175 420,191" style="fill:white"/>
		<line x1="420" y1="190" x2="420" y2="210"/>
		<circle cx="420" cy="210" r="6" fill="#4B0082"></circle>
		<line x1="420" y1="210" x2="420" y2="240"/>
		<circle cx="420" cy="260" r="20" style="fill:white"></circle>
		<text x="407" y="272" font-size="200%" stroke-width="1px">&uarr;</text>		
		<line x1="420" y1="280" x2="420" y2="300"/>
		<circle cx="420" cy="300" r="6" fill="#4B0082"></circle>
		<line x1="420" y1="300" x2="420" y2="340"/>
		<line x1="400" y1="340" x2="440" y2="340"/>
		<polyline points="400,350 440,350,420,350 420,420 225,420 225,310" style="fill:white"/>
		<circle cx="225" cy="420" r="6" fill="#4B0082"></circle>
		<line x1="155" y1="420" x2="225" y2="420"/>
		<circle cx="135" cy="420" r="20" style="fill:white"></circle>
		<text x="122" y="430" font-size="200%" stroke-width="1px">&larr;</text>
		<circle cx="30" cy="420" r="6" fill="#4B0082"></circle>
		<line x1="30" y1="380" x2="30" y2="420"/>
		<line x1="30" y1="420" x2="115" y2="420"/>
		<path d="M30,289 Q70,305 30,320" style="fill:white"/>
		<path d="M30,319 Q70,335 30,350" style="fill:white"/>
		<path d="M30,349 Q70,365 30,381" style="fill:white"/>
		<line x1="30" y1="260" x2="30" y2="290"/>
		<circle cx="30" cy="260" r="6" fill="#4B0082"></circle>
		<line x1="30" y1="230" x2="30" y2="260"/>
		<circle cx="30" cy="210" r="20" style="fill:white"></circle>
		<text x="17" y="222" font-size="200%" stroke-width="1px">&uarr;</text>	
		<line x1="30" y1="160" x2="30" y2="190"/>
		<circle cx="30" cy="160" r="6" fill="#4B0082"></circle>
		<line x1="30" y1="120" x2="30" y2="160"/>
        </svg>
</body>
</html>
схему выбрал другую
Изображения
Тип файла: jpg Электрическая схема ТОЭ.jpg (7.5 Кб, 89 просмотров)

Последний раз редактировалось DimaDR; 14.11.2017 в 14:09. Причина: Добавил стили
DimaDR вне форума Ответить с цитированием
Старый 14.11.2017, 13:32   #13
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,238
По умолчанию

Цитата:
Сообщение от DimaDR Посмотреть сообщение
Вот код решения
у меня не работает.
Может быть, должны ещё быть стили описаны?
Serge_Bliznykov вне форума Ответить с цитированием
Старый 14.11.2017, 14:08   #14
DimaDR
Пользователь
 
Регистрация: 17.10.2017
Сообщений: 27
По умолчанию

Цитата:
Сообщение от Serge_Bliznykov Посмотреть сообщение
у меня не работает.
Может быть, должны ещё быть стили описаны?

Да, они у меня были в отдельном документе, но я уже отредактировал их и добавил в код
DimaDR вне форума Ответить с цитированием
Старый 14.11.2017, 14:34   #15
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,238
По умолчанию

вот, так уже намного лучше.
только стрелочки внутри не нарисованы, поэтому зависят, видимо, от шрифта.
у меня поплыли чуток...
svg_schema.png
Serge_Bliznykov вне форума Ответить с цитированием
Старый 14.11.2017, 15:11   #16
DimaDR
Пользователь
 
Регистрация: 17.10.2017
Сообщений: 27
По умолчанию

Цитата:
Сообщение от Serge_Bliznykov Посмотреть сообщение
вот, так уже намного лучше.
только стрелочки внутри не нарисованы, поэтому зависят, видимо, от шрифта.
у меня поплыли чуток...
Вложение 90418
Да, они напрямую зависят от шрифта, задание было вставлять их, а не рисовать, но можно и нарисовать при желании
DimaDR вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[РЕШЕНО] Вывод в блок 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