Перейти к содержимому

Фотография

Этот занимательный SVGВнимание конкурс - Приз 10 000 тенге

svg программирование конкурс

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 69

#21
trnj

trnj
  • Постоялец
  • 344 сообщений

 И тебе на лету надо будет  генерить твой  SVG беря  из БД только тип фигуры и ее координаты (x,y)? 

 

Опять же, без тз это всегда лажа... фигуры даны сразу или прилетают из бд? Фигуры связаны между собой?

 

Если фигуры по одной приходят, то типа такого можно

 

let max = 10; // максимальное количество фигур которое можно разместить

 

 Array(max).join(',').split(',').reduce((base, _, index) => {
            return base.then(() => {
 
                // ждёшь появление фигуры из базы
                // return new Promise((resolve)=>{  // здесь делаем запросы к базе, и как только что-то пришло resolve(data);  });
 
            }).then(({x, y}) => {
               // x, y - координаты пришедшие из базы
              // добавляешь фигуру, ждём следующую
            });
        }, Promise.resolve());
 
если фигуры сразу скопом приходят, то сначала этот скоп грузишь, и потом как выше снова ждёшь

  • 0

#22
T-800 Danya

T-800 Danya
  • Свой человек
  • 586 сообщений

Опять же, без тз...


Ты там не у Завуча случайно в Одмимнах ходишь?...   :dandy:  

 

Вместо того чтобы решить простейшую Задачку... :idea:

 

Начинать непонятно зачем втирать про то как Задачку можно решить... :faceoff:

Не надо ничего объяснять.... Просто возьми и РЕШИ задачку из Старт Поста...

Собери рабочий SVG, проверь что он корректно работает в Браузерах и в Inkscape, выложи в тему ссылку на  Собраный тобой Файл  и получи Приз... :dandy:

 


 


Сообщение отредактировал T-800 Danya: 12.01.2020, 19:38:12

  • 0

#23
trnj

trnj
  • Постоялец
  • 344 сообщений

 

Не надо ничего объяснять.... Просто возьми и РЕШИ задачку из Старт Поста...
 

 

 

Скрытый текст

  • 0

#24
T-800 Danya

T-800 Danya
  • Свой человек
  • 586 сообщений

Ты в глаза долбишься, быдлокодер? Выше что я тебе накидал? Я тебе решил, а ты уж сам потрудись собрать свою работу. 
Всё это будет работать во всех браузерах, даже у твоего деда на компе. Лучше б тебе дед вместо ледоруба чуток мозгов оставил, и культурности. 
Ты конченое картавое быдло, реально, как таких как ты земля тащит, без понятия, наверное, вальнут как-нибудь.
Ребят, кто хочет делайте, с меня этой козырятины хватит уже :)


Короче... Все с тобой понятно...  :hi: 

 

Скрытый текст

Сообщение отредактировал T-800 Danya: 12.01.2020, 20:15:12

  • 0

#25
trnj

trnj
  • Постоялец
  • 344 сообщений

Короче... Все с тобой понятно...  

 

 

Скрытый текст

 

svg адаптивный я тебе сделал - то что ты просил в своём сообщение (втором). 
 
дальше, в javascript создаёшь сколько хочешь своих кружков или квадратиков
let elements = [];
 
let circle = document.createElementNS('http://www.w3.org/2000/svg,'circle');
circle.setAttribute('id','circle' + 123); // id для кружка
circle.setAttribute('r','0');
circle.setAttribute("stroke", "black")
$("svg").append(circle); // добавляем элемент в svg 
 
elements.push(circle); // сохраняем все добавленные кружки, если кружки связаны, то через лучше linked list
 
 
Скорее всего "адаптивно" разместить не получится, так чтобы слегонца (но можно если заморочится, если у кого-то получится, было бы интересно посмотреть). Окей, добавляй элементы по координатам
 
 
window.addEventListener('resize', function(event){
  // на каждое изменение браузера проходи весь массив и меняй координаты
circle.each((el) => { // пересчитываем расположение элемента});
 
});
 
// после загрузки один раз тригернём браузер, чтобы встряхнуть вшитые элементы 
window.dispatchEvent(new Event('resize'));
 
 
Ну а уж собирай всё сам, это тебе не биржа фриланса (если не ошибаюсь, по правилам это не разрешается).
 
 
Скрытый текст

 

 

Окей, давай кидай своё решение готовое и забирай свои 10 тыщ ))  Всем сообщество дарим тебе на развитие умственное ))


  • 0

#26
T-800 Danya

T-800 Danya
  • Свой человек
  • 586 сообщений

Cм. условие Конкурсной Задачи:
 
 

Написать код SVG файла ... 

 
И пока что единственный код SVG файла который был выложен  в данной теме, это тот который я Опубликовал...
 
Ты же уже более суток  строчишь какую-то Графоманию,   посыпанную мегатоннам Самовосхваления и Невнятных рассуждения что называется ни о Чем... :dandy:

 

Выложи  как указанно в Условиях конкурса рабочий код  SVG Файла и получи Приз :idea:

 

Не хочешь - или не можешь  -  выложить  нормально оформленное Решение.  Жди до 18 Января - Даты   подведения Итогов  Конкурса.

 

Когда я Опубликую свою Версию решения данной   Задачки...  :dandy:


Сообщение отредактировал T-800 Danya: 12.01.2020, 21:54:19

  • 0

#27
trnj

trnj
  • Постоялец
  • 344 сообщений

---


Сообщение отредактировал trnj: 13.01.2020, 11:54:09

  • 0

#28
trnj

trnj
  • Постоялец
  • 344 сообщений

Окей, ладно, в пробке по бырому накидал

 

https://bogdan-kozyr...s.com/test.html

 

 


Сообщение отредактировал trnj: 13.01.2020, 12:49:03

  • 0

#29
T-800 Danya

T-800 Danya
  • Свой человек
  • 586 сообщений

Окей, ладно, в пробке по бырому накидал

 

Да че скромничаешь-то...   :dandy:

 

Всю всю  ночь небось ты сей бредокод лобал...  ;) 

 

Скрытый текст

 

И кстати - не смотря на все твою ночные Бдения... Накропал  ...  Мягко говоря... Лажу

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--<style>

svg {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
</style>-->
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg"
style="position: fixed;top:0;left:0;height:100%;width:100%;display: none;">
<!--

Примечание: Координаты для осей X и Y (0,0) рисунка c шагом 50px в экранной сетке X=700 (14*50px) Y=450 (9*50px)

-->
<line x1="0%" y1="50%" x2="100%" y2="50%" stroke-width="1" stroke="rgb(0,0,0)"></line>
<line x1="50%" y1="0%" x2="50%" y2="100%" stroke-width="1" stroke="rgb(0,0,0)"></line>

<circle id="circle1"
r="50"
cy="200"
cx="450"
style="fill:yellow;"/>
<rect id="rect2"
y="700"
x="950"
height="100"
width="100"
style="fill:red;"/>
</svg>

<script>

const
_0x5b25=['pow','circle1','getElementById','rect2','map','cloneNode','svg','block','forEach','innerWidth','documentElement','body','clientWidth','innerHeight','clientHeight','tagName','orig','baseVal','value','rect','height','width','dispatchEvent','resize','sqrt'];(function(_0xef930a,_0xf2def8){const

_0x41a874=function(_0x42a006){while(--_0x42a006){_0xef930a['push'](_0xef930a['shift']());}};_0x41a874(++_0xf2def8);}(_0x5b25,0x95));const
_0x4519=function(_0xef930a,_0xf2def8){_0xef930a=_0xef930a-0x0;let
_0x41a874=_0x5b25[_0xef930a];return _0x41a874;};let orig_scr_w=0x578;let
orig_scr_h=0x384;let
sq2=Math[_0x4519('0x0')](Math[_0x4519('0x1')](orig_scr_w,0x2)+Math[_0x4519('0x1')](orig_scr_h,0x2));let

shapes=[document['getElementById'](_0x4519('0x2')),document[_0x4519('0x3')](_0x4519('0x4'))][_0x4519('0x5')](_0x3b9969=>({'el':_0x3b9969,'orig':_0x3b9969[_0x4519('0x6')](![])}));window['addEventListener']('resize',function(_0x42b6bd){document[_0x4519('0x3')](_0x4519('0x7'))['style']['display']=_0x4519('0x8');shapes[_0x4519('0x9')](_0x1543ed=>{let

_0x55c22c=window[_0x4519('0xa')]||document[_0x4519('0xb')]['clientWidth']||document[_0x4519('0xc')][_0x4519('0xd')];let

_0x59ed7f=window[_0x4519('0xe')]||document[_0x4519('0xb')][_0x4519('0xf')]||document[_0x4519('0xc')][_0x4519('0xf')];let

_0x5e3fe4=Math[_0x4519('0x0')](Math[_0x4519('0x1')](_0x55c22c,0x2)+Math[_0x4519('0x1')](_0x59ed7f,0x2));if(_0x1543ed['el'][_0x4519('0x10')]==='circle'){_0x1543ed['el']['r']['baseVal']['value']=_0x1543ed[_0x4519('0x11')]['r'][_0x4519('0x12')][_0x4519('0x13')]*_0x5e3fe4/sq2;_0x1543ed['el']['cx'][_0x4519('0x12')]['value']=_0x55c22c*_0x1543ed['orig']['cx'][_0x4519('0x12')][_0x4519('0x13')]/orig_scr_w;_0x1543ed['el']['cy'][_0x4519('0x12')][_0x4519('0x13')]=_0x59ed7f*_0x1543ed[_0x4519('0x11')]['cy'][_0x4519('0x12')][_0x4519('0x13')]/orig_scr_h;}if(_0x1543ed['el'][_0x4519('0x10')]===_0x4519('0x14')){let

_0x56c4f6=Math[_0x4519('0x0')](0x2)*_0x1543ed[_0x4519('0x11')][_0x4519('0x15')][_0x4519('0x12')][_0x4519('0x13')]*_0x5e3fe4/sq2/Math[_0x4519('0x0')](0x2);_0x1543ed['el']['height'][_0x4519('0x12')][_0x4519('0x13')]=_0x56c4f6;_0x1543ed['el'][_0x4519('0x16')][_0x4519('0x12')][_0x4519('0x13')]=_0x56c4f6;_0x1543ed['el']['x'][_0x4519('0x12')]['value']=_0x55c22c*_0x1543ed[_0x4519('0x11')]['x']['baseVal']['value']/orig_scr_w;_0x1543ed['el']['y'][_0x4519('0x12')]['value']=_0x59ed7f*_0x1543ed['orig']['y'][_0x4519('0x12')][_0x4519('0x13')]/orig_scr_h;}});});window[_0x4519('0x17')](new
Event(_0x4519('0x18')));
</script>
</body>
</html>

По крайней мере... Конкурсное Задание  Ты тупо НЕ выполнил.

 

Видимо потому как ..  Видимо  увы  ты  НЕ читатель  от слова ВООБЩЕ

 

Скрытый текст

 

1) В  задании указано...

 

Написать код SVG файла...

 

 

 

- Ты же за свое ночные бдения... и все такое...   создал  HTML документ

 

2) В задании указано

 

SVG должен быть ... с реализованной возможностью вручную (используя выпадающий список) пропорционально изменять размеры выводимой картинки состоящей из осей координат и кружка с квадратом для различных разрешений экрана. 

 

 

С  дополнительными Разъяснениями

 

Если с реализацией  в SVG выпадающего списка у Участников Конкурса возникнут сложности, то разрешается использовать ЛЮБЫЕ другие элементы управления интегрированные в SVG - как то: кнопки, ссылки и  т.д...

 

 

- - Ты же за свое ночные бдения    :D ...  Пока че  сделал просто ТИПА автоматическую адаптивность  ибо 

 

Скрытый текст


Сообщение отредактировал T-800 Danya: 13.01.2020, 15:01:11

  • 0

#30
trnj

trnj
  • Постоялец
  • 344 сообщений

Если тупо на svg то говно вопрос, в петуха закинул:

 

https://bogdan-kozyr...ws.com/test.svg


  • 0

#31
trnj

trnj
  • Постоялец
  • 344 сообщений

 Всю всю  ночь небось ты сей бредокод лобал...  ;)

 

 

 

Скрытый текст

  • 0

#32
zavuch

zavuch
  • В доску свой
  • 1 923 сообщений

яваскриптовый промис )))


  • 0

#33
T-800 Danya

T-800 Danya
  • Свой человек
  • 586 сообщений

Если тупо на svg то говно вопрос, в петуха закинул:

 

https://bogdan-kozyr...ws.com/test.svg

 

 

 

Скрытый текст

 

Короче фигню... Ты сделал никакой адаптации у тебя нет....  

 

rabota_mashki.png

 

 

Скрытый текст

  • 0

#34
trnj

trnj
  • Постоялец
  • 344 сообщений

 

По поводу же твоих ...  Шконочных откровений...

 

 

 

https://bogdan-kozyr...tavyy_kozyr.svg

 

Не тот файл в облако закинул, подшконарник, на тебе в svg, давай мне бабки и вали из профессии. 


  • 0

#35
trnj

trnj
  • Постоялец
  • 344 сообщений

яваскриптовый промис )))

 

Здорово завуч, меня тут тебе в одмины промоутят ) Есть ещё места для грузчиков ? :) 


  • 0

#36
trnj

trnj
  • Постоялец
  • 344 сообщений

 

 создал  HTML документ 

 

Тупая овца... Ну возьми задницу оторви и html запакуй в svg, умственно отсталый. Создал html документ... ёпать... об стену убейся )


  • 0

#37
zavuch

zavuch
  • В доску свой
  • 1 923 сообщений

 

яваскриптовый промис )))

 

Здорово завуч, меня тут тебе в одмины промоутят ) Есть ещё места для грузчиков ? :)

 

 

Уже нет, меня увольняют, говорят, много зарплаты кушаю, а столы плохо таскаю )


  • 0

#38
trnj

trnj
  • Постоялец
  • 344 сообщений

 Уже нет, меня увольняют, говорят, много зарплаты кушаю, а столы плохо таскаю )

 

 

Фигня вопрос ) Для таких как ты работа всегда есть )  А чем хочешь заниматься дальше, если не секрет? 


  • 0

#39
zavuch

zavuch
  • В доску свой
  • 1 923 сообщений

а хтмльный <select> или <datalist> не проще использовать для ручного выбора разрешения?


  • 0

#40
zavuch

zavuch
  • В доску свой
  • 1 923 сообщений

 

 Уже нет, меня увольняют, говорят, много зарплаты кушаю, а столы плохо таскаю )

 

 

Фигня вопрос ) Для таких как ты работа всегда есть )  А чем хочешь заниматься дальше, если не секрет? 

 

 

вот и я скорее обрадовался даже, а так сидишь-сидишь, на тебя косо смотрят, а уволить боятся.. вопрос решили ребром - вообще закрыть учебный центр  :dandy:

приглашают преподом и админом в один Алматинский ВУЗ, но там ЗП не ахти и много бумажной работы

еще по другим местным учцентрам побегаю, где нужны преподы, админы или веб-разрабы за побольше чем 300к теньгов


Сообщение отредактировал zavuch: 13.01.2020, 16:03:10

  • 0





Темы с аналогичным тегами svg, программирование, конкурс

Количество пользователей, читающих эту тему: 0

пользователей: 0, неизвестных прохожих: 0, скрытых пользователей: 0

Размещение рекламы на сайте     Предложения о сотрудничестве     Служба поддержки пользователей

© 2011-2019 vse.kz. При любом использовании материалов Форума ссылка на vse.kz обязательна.