Scalable Vector Graphics met PHP opzetten

Door Carl Zwanenburg op 22-09-2015 14:31 gewijzigd op 22-09-2015 14:32

949 views

LS,

de titel is wat gek, maar ik wil via SVG lijnen trekken, die bepaald worden door punten uit een database.

Om te beginnen zoek ik code waarmee ik de start en eindpunten van een SVG lijn kan definiëren met een variabele.

Allereerst de SVG code van een lijn:

<svg width="1200" height="1200">

<line x1="180" y1="185" x2="180" y2="300" style="stroke:rgb(255,0,0);stroke-width:1" />

</svg>

Wat ik nu wil is dat ik voor x1 een variabele kan invoeren.

Aldus:

<?php
$beginpuntX = 180;
?>

<svg width="1200" height="1200">

<line x1="$begingpuntX" y1="185" x2="180" y2="300" style="stroke:rgb(255,0,0);stroke-width:1" />

</svg>

Het probleem waar ik tegenaan loop is dat ik via PHP wel een waarde voor $beginpuntX kan maken, maar dat deze in de code van svg voor x1 niet wordt gelezen.

Graag jullie suggesties wat ik hier over het hoofd zie.

Alvast bedankt.

Thomas van den Heuvel

22-09-2015 14:42

Als "$begingpuntX" in lopende tekst staat dan kan PHP niet weten dat het PHP betreft.

Je zult dus zoiets moeten doen waarschijnlijk:

<?php
$beginpuntX = 180;
?>
<svg width="1200" height="1200">
<line x1="<?php echo $begingpuntX ?>" y1="185" x2="180" y2="300" style="stroke:rgb(255,0,0);stroke-width:1" />
</svg>

Verder moet het bestand een extensie hebben zodat het als PHP wordt herkend. Als je de bovenstaande code in een document whatever.htm zet, zal PHP hier helemaal niets mee doen.

C Carl Zwanenburg

22-09-2015 14:50

Beste Thomas,

bedankt voor je reactie. <?php $begingpuntX ?> had ik al geprobeerd, maar dat echo er tussen moest had ik nog niet bedacht.

<?php echo $begingpuntX ?> is de juiste toevoeging.

bedankt.

Reageren

Inloggen om te reageren