Edycja obrazu tylko i wyłącznie javascriptem.

Question

Witam. Czy istnieje możliwość edycji obrazu tylko za pomocą js? W sensie mam kod js, który wysyła powiadomienie, takie jak np. w windows 10 i nie mogę użyć kodu html czy css, tylko js. Jest to możliwe? Potrzebuję tylko dodać "ramkę" do obrazu.

Answer 1

Oczywiście jest możliwe.

 

Ex.

document.getElementById('tt').style.border = '4em solid black';

Łapie na dokumencie element o id 'tt' i nadaje mu styl border o wskazanych parametrach.

 

Możesz także łapać po tagach (kod poniżej) tj. znacznikach, takich jak np. <li> czy <img> lecz musisz mieć świadomość że funkcja złapie wszystkie elementy o wskazanym tagu/znaczniku więc należy je nastepnie wrzucić w pętle - w przeciwieństwie do łapania po ID gdzie jest to unikalna (identyfikująca jednoznacznie) "nazwa" każdego z elementów.

var zdj = document.getElementsByTagName("img").item(0);

Gdzie zdj jest zmienną która przechowuje złapane przez Ciebie zdjęcie, a ".item(0)" mówi który z kolei jest to element.

Uzyci ex.

zdj.style.border = '4em solid black';

 

Pozdrawiam,

Rocket.

Comments

Przecież napisałem, że tylko js, a tu jest i html i css.

---

Co?

Rozumiem że nie jesteś świadom, posłuchaj.

Jeśli jest to zmiana którą należy wprowadzić na stronie - a domyślam się że jest skoro chcesz pisać to w JS (JS musi być interpretowany przez przeglądarkę) to nie ma możliwości zmienić wyglądu bez ingerencji w CSS (może nawet dokładniej - iluzji ingerencji w CSS, bo tak naprawdę nic w tym CSS'ie nie zmieniamy, jedynie manipulujemy jego odczytem przez przeglądarkę). HTML'a tam nie ma, jedynie znaczniki które służą do identyfikacji elementu - jak byś chciał łapać element bez HTML'a? Musiałby nie istnieć. 

 

Ogólnie:

Struktura - HTML

Wygląd - CSS
Zmiany dynamiczne na powyższych elementach - JS

 

Pozdrawiam,

Rocket.

---

Przecież napisałem, że tylko js, a tu jest i html i css.

ehh, kocham takie przypadki... nie ma to jak zapiąć się z góry że coś będę robił tylko i wyłącznie w technologii/języku X i nawet w ogóle nie dopuszczać myśli o rozmowie na temat innych rozwiązań... w pracy też masz takie podejście jak robisz jakieś nowe ficzery...?

---

ehh, kocham takie przypadki... nie ma to jak zapiąć się z góry że coś będę robił tylko i wyłącznie w technologii/języku X i nawet w ogóle nie dopuszczać myśli o rozmowie na temat innych rozwiązań

Ehh, uwielbiam jak ktoś nie przeczyta pytania. 

Mam kod js, który wysyła powiadomienie, takie jak np. w windows 10 i nie mogę użyć kodu html czy css, tylko js.

 Jak można użyć css'a w powiadomieniu windows, skoro powiadomienie wygląda następująco:

new Notification("Test 123",
{
    body: "Przykładowy tekst.",
    icon: "http://link.do/obrazu.png"
});

To gdzie tego css'a chcesz użyć? Szczególnie nie robię tego jako stronę, tylko coś jako, hmm... plugin? No w każdym razie jest to skrypt działający w tle.