Kezdőoldal » Számítástechnika » Programozás » Javascriptben, hogy lehetne...

Javascriptben, hogy lehetne megoldani?

Figyelt kérdés
Egy canvasről szeretném lekérni a kordinátákat és úgy, hogy közben egy másik vagy ez function akkor is lefuddon ha nem mozdítom meg az egeret. Lehetleg 1ms-on ként.

2018. febr. 24. 11:55
1 2
 11/18 A kérdező kommentje:
Köszi feldobtad a napom, de én tényleg megoldásokat keresek
2018. febr. 25. 21:44
 12/18 anonim ***** válasza:
De még nem tartasz ott, hogy ezt meg tudd oldani. Első körben körben csinálj javascriptben egy digitális órát, töltsd fel valahova (pl js fiddle-re), majd ezt linkeld be ide!
2018. febr. 26. 07:00
Hasznos számodra ez a válasz?
 13/18 A kérdező kommentje:
Itt lesz a digitális óra. Link a w3schools oldalán: [link]
2018. febr. 27. 08:56
 14/18 anonim ***** válasza:

Na igen, de ez pont olyan mint ez:


[link]


Csak pár dolog ki van törölve, meg két változó át van írva, de azt nem látni hogy érted, de mindegy. Akkor most csinálj egy olyan kódot, ami lekérdezi az egér pozícióját!

2018. febr. 27. 10:50
Hasznos számodra ez a válasz?
 15/18 sharkxxx ***** válasza:

<!DOCTYPE html>

<html>

<head>

<style>

body {

    margin: 0;

}

/*

body {

    background-color: black;

    color: white;

}

*/

canvas {

    border: 1px solid #d3d3d3;

}

</style>

</head>

<body>

<canvas id="myCanvas" width="640" height="360">

Your browser does not support the HTML5 canvas tag.</canvas>

<div id="txt"></div>

<script>

var Offset = 32; // Speed of Color Changing

var size = 24; // Size of the Rectangle

var R,G,B; // Color of the rctangle

var x,y; // Mouse Coordinates

var cnv = document.getElementById("myCanvas");

var ctx = cnv.getContext("2d");

R = 127;

G = 127;

B = 127;

x = -1000;

y = -1000;


cnv.onmousemove = function(event) {

    x = event.clientX;

    y = event.clientY;

}


function Time() {

    var now = new Date();

    var h = now.getHours();

    var m = now.getMinutes();

    var s = now.getSeconds();

    document.getElementById('txt').innerHTML =

    h + ":" + m + ":" + s + "<br \>" +

    "x,y: " + x + "," + y;

   

    // A canvas-on oda rajzol egy négyzetet ahol az egér van, és

    // 1 ms-ként változtatja a színét.

    R += Math.round(Math.random()*Offset - Offset/2);

    G += Math.round(Math.random()*Offset - Offset/2);

    B += Math.round(Math.random()*Offset - Offset/2);

    if (R < 0) {R = 0}

    if (G < 0) {G = 0}

    if (B < 0) {B = 0}

    if (R > 255) {R = 255}

    if (G > 255) {G = 255}

    if (B > 255) {B = 255}

    ctx.fillStyle = "rgb("+R+","+G+","+B+")";

    ctx.fillRect(x - size/2,y - size/2,size,size);

    }

  setInterval(Time,10)

</script>

</body>

</html>

2018. febr. 27. 12:24
Hasznos számodra ez a válasz?
 16/18 anonim ***** válasza:
#15 Még egy ok, hogy ne kelljen gondolkodnia. :D
2018. febr. 27. 12:45
Hasznos számodra ez a válasz?
 17/18 A kérdező kommentje:
Köszönöm szépen a válaszokat és a segítséget!
2018. febr. 28. 18:29
 18/18 anonim ***** válasza:

#15

A kérdező feltett egy kérdést, nyilván azért hogy gyors megoldást kapjon. Nem pedig idióta alap feladatokkal bombázni, amihez a feladat miatt amúgy sincs kedve. Majd megtanulja idővel. Téged se úgy húztak ki anyád seggéből, hogy mindent tudsz! Vagy igen? :)

2018. ápr. 6. 01:24
Hasznos számodra ez a válasz?
1 2

Kapcsolódó kérdések:




Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!