PHP und SVG kombinieren

Hallo Lime,

danke für deinen Code.

Die erste Grafik wird zwar bei 0px positioniert, jedoch stimmt die Berechnung nicht.

Hier die erstellte SVG:
PHP: 
$var = 'D@G@K'; // Das @-Zeichen jeweils 94 mal.

<?xml version="1.0" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="6142px" height="1299px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g>
<image x="0px" y="0px" xlink:href="D.png" width="561px" height="1299px" />
<image x="1px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="2px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="3px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="4px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="5px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="6px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="7px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="8px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="9px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="10px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="11px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="12px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="13px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="14px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="15px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="16px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="17px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="18px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="19px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="20px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="21px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="22px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="23px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="24px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="25px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="26px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="27px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="28px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="29px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="30px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="31px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="32px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="33px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="34px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="35px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="36px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="37px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="38px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="39px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="40px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="41px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="42px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="43px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="44px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="45px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="46px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="47px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="48px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="49px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="50px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="51px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="52px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="53px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="54px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="55px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="56px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="57px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="58px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="59px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="60px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="61px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="62px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="63px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="64px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="65px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="66px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="67px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="68px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="69px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="70px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="71px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="72px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="73px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="74px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="75px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="76px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="77px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="78px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="79px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="80px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="81px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="82px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="83px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="84px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="85px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="86px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="87px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="88px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="89px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="90px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="91px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="92px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="93px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="94px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="53295px" y="0px" xlink:href="G.png" width="561px" height="1299px" />
<image x="96px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="97px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="98px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="99px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="100px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="101px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="102px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="103px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="104px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="105px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="106px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="107px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="108px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="109px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="110px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="111px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="112px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="113px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="114px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="115px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="116px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="117px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="118px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="119px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="120px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="121px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="122px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="123px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="124px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="125px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="126px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="127px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="128px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="129px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="130px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="131px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="132px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="133px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="134px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="135px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="136px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="137px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="138px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="139px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="140px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="141px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="142px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="143px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="144px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="145px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="146px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="147px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="148px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="149px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="150px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="151px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="152px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="153px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="154px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="155px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="156px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="157px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="158px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="159px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="160px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="161px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="162px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="163px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="164px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="165px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="166px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="167px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="168px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="169px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="170px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="171px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="172px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="173px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="174px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="175px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="176px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="177px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="178px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="179px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="180px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="181px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="182px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="183px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="184px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="185px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="186px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="187px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="188px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="189px" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="106590px" y="0px" xlink:href="K.png" width="561px" height="1299px" />
</g>
</svg>

Hast du eine Idee wie ich das in den Griff bekommen könnte?

Edit:

Die Werte fest in das Skript zu schreiben ist etwas schwierig das die Breiten immer unterschiedlich sind.
 
Lol, wieso steht da ++$i und nicht $i++. Macht das einen Unterschied?

PHP: 
$var1 = 'H@A@L@L@O';
$strlen = strlen($var1);

   for($i=0; $i <$strlen; $i++) {
       $size1 = getimagesize($var1[$i].'.png');
       $img[] = "<image x='".$size2."px' y='0px' xlink:href='".$var1[$i].".png' width='".$size1[0]."px' height='".$size1[1]."px' />";
       $size2 += $size1[0];
   }

In dem Fall fängt das Bild bei 0px an. Wenn du z.b. bei 50px anfangen willst, mach folgendes:
PHP: 
$size2 = $size1[0]*$i + 50;

Warum der immer nur um ein Pixel erhöht, wundert mich allerdings.
Ich glaub, weil die Bilder nur 1Pixel breit sind. Aber ich hab jetzt mal die Position absolut genommen, Probier jetzt mal...
 
Zuletzt bearbeitet:
Lime hat gesagt.:
Lol, wieso steht da ++$i und nicht $i++. Macht das einen Unterschied?
Zum Vergrößern anklicken....

Soviel ich verstanden habe, ist das eine schneller und das andere langsamer!?

Lime hat gesagt.:
In dem Fall fängt das Bild bei 0px an. Wenn du z.b. bei 50px anfangen willst, mach folgendes:
Zum Vergrößern anklicken....

Lime hat gesagt.:
Warum der immer nur um ein Pixel erhöht, wundert mich allerdings.
Zum Vergrößern anklicken....

Ne es soll schon bei 0px anfangen und sich Sinngemäß erhöhen. Den SVG-Code habe ich dir jetzt UNVERÄNDERT und UNVERSCHÖNERT hier gepostet.

Ein Blick auf width="1px" height="1299px" sollte dir deine Frage beantworten. Die @-Zeichen Grafiken sind nur 1px Breit.
 
Seltsam, seltsam. Wieso da zig mal das @ vorkommt, obwohl es nur einmal im String steht. Möglicherweise, weil du var1 als Array behandelt hast - es aber keiner ist. Den Code habe ich nur übernommen. Du müsstest das Zeichen an der Stelle $i rausfinden... ;)
 
He?

Das @-Zeichen kommt gewollt immer 94 mal zwischen den Buchstaben/Zahlen vor. Das ist so gewollt. Ich habe es nur nicht ausgeschrieben weil es zu unübersichtlich wäre.

PHP: 
$var1 = 'H@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@L@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@L@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@O';

Du müsstest das Zeichen an der Stelle $i rausfinden...
Zum Vergrößern anklicken....

Wie meinst du das? Ich kann dir gerade nicht folgen.
 
Zuletzt bearbeitet:
Achso, ok. Dann passt es eigentlich, aber kuck mal folgendes:
Code: 
<image x="53295px" y="0px" xlink:href="G.png" width="561px" height="1299px" />
kommt da oben vor. Kein G in deinem String. Woher kommt es?

Ich habe den Code oben nochmal überarbeitet in meinem letzten Post. Dein String sieht so aus:
PHP: 
$string = "H@A@L@L@O";
jedoch greifst du darauf zu, wie auf einen Array:
PHP: 
$string[$i];
Ich bin mir zwar nicht sicher, ob man so nicht auf das Zeichen kommt, aber für mich sieht das aus wie ein Array und so kann das nicht funktionieren. Aber es sieht eigentlich relativ richtig aus, bis auf das G. (außer du verwendest einen anderen String). Also probier nochmal den Code bitte. ;)
 
Lime hat gesagt.:
Achso, ok. Dann passt es eigentlich, aber kuck mal folgendes:
Code: 
<image x="53295px" y="0px" xlink:href="G.png" width="561px" height="1299px" />
kommt da oben vor. Kein G in deinem String. Woher kommt es?
Zum Vergrößern anklicken....

die Variable "$var" erstelle ich durch ein HTML-Formular. Da kann natürlich immer etwas anderes stehen. Das "H@A@L@L@O" sollte nur ein Beispiel sein.

Lime hat gesagt.:
Ich habe den Code oben nochmal überarbeitet in meinem letzten Post.
Zum Vergrößern anklicken....

Leider funktioniert es auch damit nicht.

Vielleicht erkläre ich es auch nur zu Blöde.

Erklärung:
Je nach Eingabe des Users wird die Variable "$var" erstellt. Bei der Eingabe "HALLO" wird die Variable im Skript verändert so das zwischen den Buchstaben und Zahlen (im Beispiel sind keine Zahlen) @-Zeichen eingefügt werden. Wieviel @-Zeichen genau eingefügt werden, hängt von weiteren Einstellungen ab. Spielt aber eigentlich keine Rolle.
Sobal das Skript an die Stelle kommt, wo es die Schleife abarbeitet wird gezählt wieviel Zeichen in der Variable stecken. Bei "$var" (HALLO aber MIT jeweils 94 zwischen den @-Zeichen) wären es genau 381 Zeichen wenn ich mich nicht verzählt habe. Nun soll die Schleife den Code für die SVG generieren. Logischerweise sollten 381 mal Zeilen mit dem SVG-Image-Tag (Siehe Code) erstellt werden. Für jede SVG-Image-Tag Zeile wird seperat die Breite, die Höhe und die richtige Grafik (Beispiel: @.png) ausgelesen usw.
Der SVG-Image-Tag Code wird ja auch Perfekt erstellt. Alle angaben bis auf die X-Position stimmen.

Buchstaben und Zahlen (H.png usw.) sind "richtige" Grafiken. Die @-Zeichen sind nur 1px Breit und sind so etwas wie Lückenfüller. Wenn ich 94 @-Zeichen zwischen den Buchstaben einfüge, möchte ich das zwischen den Buchstaben 94px abstand ist. Ich weiss das man das auch anders machen kann aber das möchte ich nicht.

Jetzt ein praktisches Beispiel:
Code: 
$var = 'ABC':
$var = 'A@B@C': // An dieser Stelle wurden nun die @-Zeichen eingefügt

// 1x@ = 94x@

// Das Skript gibt nun so etwas aus:
<image x="XXX" y="0px" xlink:href="A.png" width="561px" height="1299px" />
<image x="XXX" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="XXX" y="0px" xlink:href="B.png" width="590px" height="1299px" />
<image x="XXX" y="0px" xlink:href="@.png" width="1px" height="1299px" />
<image x="XXX" y="0px" xlink:href="C.png" width="480px" height="1299px" />

// Ich möchte nur das richtige x="XXX" herausfinden. Es soll sich logisch erweitern und zwar so:
<image x="0px"       y="0px" xlink:href="A.png"  width="561px" height="1299px" />
<image x="561px"   y="0px" xlink:href="@.png" width="1px"     height="1299px" />
<image x="562px"   y="0px" xlink:href="B.png"  width="590px" height="1299px" />
<image x="1152px" y="0px" xlink:href="@.png" width="1px"     height="1299px" />
<image x="1153px" y="0px" xlink:href="C.png"  width="480px" height="1299px" />

// Und genau das schaffe ich nicht!
 
Vom Schema herso. Ich erwarte aber dass du das selber einbaust:
PHP: 
$total_width = 0; //Gesamtbreite der bereits genutzten Grafik in px
for( ... ){
  $total_width += $aktuelle_breite_von_der_grafik;
}

$total_width ist dann gleichzeitig die x Koordinate für die Grafik.
 
Du wirst lachen aber ich habe eben fast die selbe Schleife selber erstellt. :D Erst probiere ich meine aus...

Edit:

Ok, mein Code funktioniert schon einmal nicht. :D

Kannst du mir BITTE helfen?
 
Das habe ich vorhin eigentlich geschrieben, wenn ich mich nicht irre.
Der Fehler war, dass du die neue Breite (neue x-Position) vor der Tag-Ausgabe geschrieben hattest, dadurch war das 1. Bild schon verrückt. Jedoch sollte es gehen, wenn du die Breite NACH der Tagausgabe hinschreibst.
Ich weiß nicht ob ich paranoid bin, aber ich glaube das hatte ich gepostet...
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück