Gdzie błąd w tym kodzie?

pytanie zadane 18 kwietnia 2019 w JavaScript przez Kubs Mądrala (5,190 p.)

Witajcie,

próbuje uruchomić ten kod, ale nie działa. Gdzie tu błąd?

<body>
    <img id="myImage" src= "hog.jpg">


    <script>
        void setup() {

            size (600,400);
            hog = loadImage ("hog.jpg");
        }

        void draw() {

            background (0);
            image(hog,0,0, mouseX, mouseY);
        }




    </script>


</body>

1 odpowiedź

odpowiedź 18 kwietnia 2019 przez rafal.budzis Szeryf (85,260 p.)

To nie jest JavaScript dlatego może nie działać ;) Co chcesz napisać i jak powinno to działać ?

Pokaż 6 poprzednich komentarzy

komentarz 19 kwietnia 2019 przez Hiskiel Pasjonat (22,830 p.)

A może to "processing" ?

komentarz 19 kwietnia 2019 przez Kubs Mądrala (5,190 p.)

To jak z tym ruszyć?

komentarz 19 kwietnia 2019 przez Kubs Mądrala (5,190 p.)

Tzn?

komentarz 20 kwietnia 2019 przez rafal.budzis Szeryf (85,260 p.)

OK jeśli chcesz to napisać w czystym JS to ja to widze tak :

1) wrzucasz zdjęcie do znacznika div który będzie miał pozycje relatywną i display:inline-block

2) do diva wrzucasz spana który będzie obok znacznika IMG i będzie on kropką za którą będziesz mógł przeciągać zdjęcie. Kropka musi miec pozycje absolutną i ustawione właściwości right i bottom

<div>
   <img src="..."/>
   <span></span>
<div>

Potem musisz pobrać zdjęcie i kropke w java script

var image = document.querySelector('img');
var dot = document.querySelector('span')

aby zmieniać rozmiar zdjęcia musisz użyć takiego zapisu

image.style.width = "340px";
image.style.height = "962px";

oby obliczyć jakie wartości tam dać musisz skorzystać z informacji zawartych w eventach myszy. Musisz dodać eventy dla znacznika span funkcją addEventListener.

komentarz 20 kwietnia 2019 przez Kubs Mądrala (5,190 p.)

Dobrze, sprobuje tak zrobic.

Czy moglbys jeszcze zerknac na ten post? Mam rowniez tam problem z rozwiazaniem. Chodzi mi o rysunek 1-4 w moim komentarzu do postu uzytkownika mistelak.

https://forum.pasja-informatyki.pl/426411/proba-umieszczenia-canvas-w-tym-samym-miejscu-co-div#a426444