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ć ?

1	komentarz 18 kwietnia 2019 przez Hiskiel Pasjonat (22,830 p.) Pewnie jakaś biblioteka typu p5.js, ale nie znam się do końca

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

JS nie jest typowany więc nawet składnia tego kodu się nie zgadza ;) Na przykład void w JS nie istnieje. Ale racja przypomina to bibliotekę o której wspomniałeś ;) Ale pierwszy raz o niej słyszę więc też się nie znam do końca ;) Ale nie można wiedzieć wszystkiego ! ;)

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

@rafal612b, chcę zrobić tak, by trzymając zdjęcie myszką, mógł przeciągać/rozciągać/zwężać/zmniejszać je do woli.

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

@Hiskiel, rzeczywiście to nie JS. coś właśnie z tym 'void' bardziej mi się Java kojarzy, ale ten napisany kod wyświetlany jest w przeglądarce i tym się sugerowałem.

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

Przeglądarki natywnie wpierają tylko java script więc te rozwiązanie nie przejdzie. Chciałeś wykorzystać jakąś biblioteke do tego ? Czy chcesz wiedzieć jak napisać takie przeciąganie w czystym JavaScript bez bibliotek? Napisz coś więcej o swoim problemie bo chcemy ci pomóc a trzeba cię za język ciągnąć :P

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

Wybacz, probuje byc klarownym, ale pewnie z braku wiedzy nie wychodzi mi to :)

Tak jak napisales, probuje napisac takie przeciaganie w czystym JS bez biblioteki.

Nie ma tu zadnych tajemnic :) po prostu probuje sobie takie rzeczy robic.

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