lijn-trekken-op-bestaand-plaatje

Gesponsorde koppelingen

PHP script bestanden

  1. lijn-trekken-op-bestaand-plaatje

« Lees de omschrijving en reacties

config.php

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
######################################
#Gemaakt door: Bartje545             #
#Email: [email protected]          #
#Dit script zet een lijn op de door  #
#de gebruiken aangewezen coordinaten #
#Je mag allse met het script doen.   #
#Veel plezier ermee, Bart            #
######################################

$image = "world.jpg"; // Het plaatje waar de lijn moet worden opgezet( MOET een .jpg zijn! )
$wpx = "510"; //beedte van het plaatje
$hpx = "308"; //hoogte van het plaatje


$image2 = "point.gif"; // Het plaatje dat weergeven wordt op de plek waar geklikt is
?>

index.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
include ("config.php");
?>

<html>
<head>
<script language="JavaScript">
function point_it(event){
    pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
    pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
    document.getElementById("cross").style.left = (pos_x-1) ;
    document.getElementById("cross").style.top = (pos_y-15) ;
    document.getElementById("cross").style.visibility = "visible" ;
    document.pointform.form_x.value = pos_x;
    document.pointform.form_y.value = pos_y;
}
</script>
</head>
<body>
<h2>Het beginpunt van de lijn:</h2><br />
<form name="pointform" method="post" action="index-2.php">
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('<?php echo $image; ?>');width:<?php echo $wpx;?>;height:<?php echo $hpx; ?>;">
<img src="<?php echo $image2; ?>" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div>
<input type="text" name="form_x" size="4" /><br>
<input type="text" name="form_y" size="4" /><br>
<input type="submit" />

</form>
</body>
</html>

index-2.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php
include("config.php");

$y = $_REQUEST["form_y"]; // Y coordinaat van het beginpunt
$x = $_REQUEST["form_x"]; // X coordinat van het eindpunt

?>

<html>
<head>
<script language="JavaScript">
function point_it(event){
    pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
    pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
    document.getElementById("cross").style.left = (pos_x-1) ;
    document.getElementById("cross").style.top = (pos_y-15) ;
    document.getElementById("cross").style.visibility = "visible" ;
    document.pointform.form_x.value = pos_x;
    document.pointform.form_y.value = pos_y;
}
</script>
</head>
<body>
<h2>Het eindpunt van de lijn:</h2><br />
<form name="pointform" method="post" action="image.php">
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('<?php echo $image; ?>');width:<?php echo $wpx;?>;height:<?php echo $hpx; ?>;">
<img src="<?php echo $image2; ?>" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div>
<input type="text" name="form_x" size="4" /><br>
<input type="text" name="form_y" size="4" /><br>
<input name="x" type="hidden" value="<?php echo $x; ?>" />
<input name="y" type="hidden" value="<?php echo $y; ?>" />
<input type="submit" />
</form>
</body>
</html>

image.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
include("config.php");

$xbegin = $_POST["x"]; // X coordinaat van het beginpunt
$ybegin = $_POST["y"]; // Y coordinaat van  het beginpunt
$xeind = $_POST["form_x"]; // X coordinaat van het eindpunt
$yeind = $_POST["form_y"]; // Y coordinaat van het eindpunt

header("Content-Type: image/jpeg");
$img = ImageCreateFromJpeg($image);
$fond = ImageColorAllocate ($img,0,0,0);
$col = ImageColorAllocate ($img,0,0,0);
ImageLine ($img,$xbegin,$ybegin,$xeind,$yeind,$col);
ImageJPEG ($img, '', 100); //Plaatje maken
?>

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.