Надеюсь понравится Лого Cyberforum в svg
Запись от mr_dramm размещена 26.09.2022 в 22:53
Показов 2981
Комментарии 11
|
Не совсем от нечего делать нарисовал логотип Cyberforum в svg. Тут https://xwyygl.csb.app/ Прикрепил архив с файлами |
Размещено в design
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Всего комментариев 11
Комментарии
-
Хорошо получилось
Запись от OwenGlendower размещена 27.09.2022 в 00:13 
-
Класс.Запись от DrType размещена 27.09.2022 в 00:26
-
Спасибо. Но я только сейчас понял что можно сделать проще, через line и circle и раскрашивать через stroke. А я сделал через compound path и fill. Потратил полтора часа, а можно было всего то. Кружочки и палочки нарисовать =) И svg будет легче...Запись от mr_dramm размещена 27.09.2022 в 00:33
-
upd...
легче ничего не стало =) хахахахах
Просто решетка на мое удивление с line и circle даже тяжалее path но рисуется быстрее естественно, а тяжелее из за дополнительных атрибутов размеров позиционирования и т.д.
а как только использую эффект перспективы circle и line превращаются в path
прикрепил архив с файламиЗапись от mr_dramm размещена 27.09.2022 в 01:29
-
mr_dramm,
интересно конечно. А не могли ли вы превратить этот рисунок в аналог магического квадрата. То есть разместить в кружочках натуральные числа так, чтобы сумма чисел в соединённых кружках была величиной постоянной?Запись от das1 размещена 27.09.2022 в 08:53
-
Хм..
Сообщение от mr_dramm
vsHTML5 1 2
<path d="M300,30A30,30,0,1,1,270,0,30,30,0,0,1,300,30ZM270,15a15,15,0,1,0,15,15A15,15,0,0,0,270,15Z" fill="#1db3de"/> <path d="M30,0a30,30,0,0,0-7.5,59.05V81h15V59.05A30,30,0,0,0,30,0Zm0,45A15,15,0,1,1,45,30,15,15,0,0,1,30,45Z" fill="#195aa6"/>
так же можно группировать по цветам. спички но...HTML5 1 2 3 4
<g fill="none" stroke="green" stroke-width="15"> <path d="M 292, 90 a 22,22 0 1,0 0,1Z"/> <path d="M 120, 30 a 22,22 0 1,0 0,1ZM98,50v32"/> </g>
HTML5 1 2 3 4
<g style="fill:none;stroke-width:15"> <g stroke="#195aa6"></g> <g stroke="#1db3de"></g> </g>
Запись от voral размещена 28.09.2022 в 13:48
-
Кстати, если копнуть глубже, то в svg есть возможность делать свои окончания стрелок. Если это использовать то можно один раз описать кружок, а потом рисовать "стрелками" ...
Запись от voral размещена 28.09.2022 в 13:53
-
Кстати. по группам даже не надо. Просто одноцветные помещать в один path
Запись от voral размещена 28.09.2022 в 14:14
-
HTML5 1 2 3 4 5 6 7 8 9
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 301 301"><title>cyberforum-path</title> <g style="fill:none;stroke-width:15"> <path d="M 212,30 a 22,22 0 1,0 0,1Zm-45,0h-32M 292,190 a 22,22 0 1,0 0,1Zm-22,-22v-32" stroke="#c4c4c4"/> <path d="M 292,110 a 22,22 0 1,0 0,1Zm-45,0h-32M 52,270 a 22,22 0 1,0 0,1Zh32" stroke="#1db3de"/> <path d="M 52, 30 a 22,22 0 1,0 0,1Zm-22,20v32M 132, 30 a 22,22 0 1,0 0,1ZM 212, 110 a 22,22 0 1,0 0,1ZM 52, 190 a 22,22 0 1,0 0,1Zm-22,20v32M 212, 270 a 22,22 0 1,0 0,1Zh32" stroke="#195aa6"/> <path d="M 52, 110 a 22,22 0 1,0 0,1ZM 292, 30 a 22,22 0 1,0 0,1ZM 292, 270 a 22,22 0 1,0 0,1ZM 212,190 a 22,22 0 1,0 0,1Zm-45,0h-32M 132,190 a 22,22 0 1,0 0,1Zm-22,-22v-32" stroke="#1db3de"/> <path d="M 132,270 a 22,22 0 1,0 0,1ZM 132,110 a 22,22 0 1,0 0,1Z" stroke="#c4c4c4"/> </g> </svg>
Запись от voral размещена 28.09.2022 в 14:40
-
del
Запись от voral размещена 28.09.2022 в 14:40
-
voral, спасибо за анализ =) Как будет время по оптимизирую
Запись от mr_dramm размещена 29.09.2022 в 10:00
Сообщение от mr_dramm
