Scalable Vector Graphics tekenen vanuit een Array
Carl Zwanenburg
23/09/2015 14:19:41Ik loop tegen het probleem aan dat ik vanuit een Array diverse lijnen wil tekenen met SVG.
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:
<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:
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.
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:
<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.