Scalable Vector Graphics tekenen vanuit een Array
Om een SVG lijn te tekenen moet je binnen de webpagina het volgende definiëren:
<svg width="1000" height="500">
<rect x="" y="" rx="5" ry="5" width="" height="" style="fill:rgb(255,255,255);stroke-width:1;stroke:rgb(0,0,0)" />
</svg>
Dit gaat goed zolang je maar een PHP script voor het SVG blokje plaatst om b.v. $Beginpunt_X te definiëren.
Dus:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<?php
$Beginpunt_X = (10);
$Beginpunt_Y = (10);
$Width = 150;
$Height = 75;
?>
$Beginpunt_X = (10);
$Beginpunt_Y = (10);
$Width = 150;
$Height = 75;
?>
<svg width="1000" height="500">
<rect x="" y="" rx="5" ry="5" width="" height="" style="fill:rgb(255,255,255);stroke-width:1;stroke:rgb(0,0,0)" />
</svg>
Hiermee teken je heel mooi een rechthoek.
Nu wil ik met de volgende routine een aantal beginpunten bepalen:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
$Beginpunt_X = (10);
$Beginpunt_Y = (10);
$Width = 150;
$Height = 75;
WHILE ($imax > 0):
{
$imax --;
$Beginpunt_X = ($imax * 100);
$Beginpunt_Y = ($imax * 100);
ENDWHILE;
?>
$Beginpunt_X = (10);
$Beginpunt_Y = (10);
$Width = 150;
$Height = 75;
WHILE ($imax > 0):
{
$imax --;
$Beginpunt_X = ($imax * 100);
$Beginpunt_Y = ($imax * 100);
ENDWHILE;
?>
Afzonderlijk werkt het. Echter als ik de SVG in de WHILE loop opneem, of de WHILE loop tussen <svg width="1000" height="500"> ........ </svg> script opneem dan werkt het niet.
Graag jullie hulp hierbij.
Er zijn nog geen reacties op dit bericht.