139 en ligne

Recherche

NewsLetter

Générer du SVG

à partir d'un formulaire ASP ou PHP

SVG (Scalable Vector Graphics) est un langage de programmation basé sur XML. Il est similaire à Flash, la différence est qu'il est codé et non produit à l'aide d'un programme.
Il est très utile notamment lorsque vous remplacez l'extension .svg par .asp ou .php comme dans ce script, vous pouvez alors intégrer votre code asp ou php directement dans le SVG, c'est tout ce qui en fait sa force selon moi.

NB : Il est indispensable d'avoir téléchargé le SVG Viewer pour que votre navigateur puisse afficher du SVG. Il est disponible ici : http://www.zdnet.fr/telecharger/windows/fiche/0,39021313,11009871s,00.htm

Vous pouvez modifier les coordonnées du path "trace" pour avoir d'autre formes qu'un demi cercle et le texte suivra votre tracé.
N'oubliez pas que pour pouvoir afficher du SVG, il faut avoir téléchargé SVG Viewer disponible en haut de cette page.

generateur.asp
<html>
<head>
<title></title>
</head>
<body>
<form>
<input type=text name=mes maxlength=12><br>
<input type=submit value="Générer le SVG">
</form>
<embed src="svg.asp?message=<%=Request("mes")%>"
width="600" height="600" type="image/svg+xml">
</body>
</html>

svg.asp
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG20010904/DTD/svg10.dtd">
<svg width="600" height="600">
<defs>
<path id="trace" d="M 100 200 C 50 100 300   0 300 200"/>
</defs>
<use xlink:href="#trace" fill="none" stroke="red"  />
<text font-family="Verdana" font-size="42.5" fill="#4b74ac" >
<textPath xlink:href="#trace">
<%=request("message")%>
</textPath>
</text>
</svg>

generateur.php
<html>
<head>
<title></title>
</head>
<body>
<form>
<input type=text name=mes maxlength=12><br>
<input type=submit value="Générer le SVG">
</form>
<embed src="svg.php?message=<? echo @$_GET["mes"]?>"
width="600" height="600" type="image/svg+xml">
</body>
</html>

svg.php
<?echo '<'.'?xml version="1.0" encoding="iso-8859-1" ?'.'>'?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG20010904/DTD/svg10.dtd">
<svg width="600" height="600">
<defs>
<path id="trace" d="M 100 200 C 50 100 300   0 300 200"/>
</defs>
<use xlink:href="#trace" fill="none" stroke="red"  />
<text font-family="Verdana" font-size="42.5" fill="#4b74ac" >
<textPath xlink:href="#trace">
<?echo @$_GET["message"]?>
</textPath>
</text>
</svg>

A lire aussi

Recommandation SVG1 du W3C en version française

Pour pouvoir écrire dans ce forum, identifiez-vous !

v1.3p © ASP-PHP.net 2002

touthtml le 09/05/2004 (27 042 hits)

	Gratuit !!! Téléchargez la Beta d'Office 2010 ! 35% de réduction sur Windows 7 !

Au fil des news

Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 6
Pour continuer dans le même style, je vous propose une suite au précédent article. Rechercher tous ...

Adobe - Adobe Photoshop.com Mobile pour iPhone 1.1

JavaScript - Ajouter une page dans vos favorites

Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 5 -
Je vous propose cette fois deux astuces. Comment exporter une feuille de style avec l'aide de ...

SharePoint Personalization Site Links - Les liens personnalisés des MySite SharePoint
Nous avons vu dans les articles précédents comment agrémenter les pages de recherche afin de ...

Magazines - Le n°126 de Programmez est disponible

Outils - Traducteur en ligne automatique pour site web

Adobe - Adobe Photoshop.com Mobile pour Iphone

Magazines - Le n°125 de Programmez est disponible

Adobe - Adobe AIR 2 et Flash Player 10.1version bêta

Les conférences autour des technologies Microsoft - Liste non exhaustive des grands évènements
Nous allons essayer de regrouper un grand nombre des évènements autour des technologies Microsoft ...

Magazines - Le n°124 de Programmez est disponible

PHP - Forum PHP 2009

Composants - eFace - XAML en Java

WPF - Désactiver le bouton de réduction d'une fenêtre

Magazines - Le n°123 de Programmez est disponible

Magazines - Le n°122 de Programmez est disponible

Auditer une ferme SharePoint - Assurer le bon fonctionnement de SharePoint
Dans le cadre de la bonne gestion de son environnement SharePoint, il est utile de faire un ...

SQL Server 2008 Report Builder 2.0 - Installation et utilisation de Report Builder 2.0
Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est ...

Magazines - Le HS N° 1 de Web Design est disponible

Adobe - Adobe propose en Open Source les frameworks.....

Outils - EntityBuilder

CSharp - Sérialisation XML de vos objets

Magazines - Le n°121 de Programmez est disponible

Adobe - Adobe annonce MAX 2009 !

Outils - WhoIs

[MAJ] Dreamweaver MX + Php + MySql - Les formulaires - partie 3
Mise à jour du code, par DB 77, affichage du code erreur, dans la page erreur.php, traduction des ...

PHP - News avec photo - Système de gestion - affichage
Gestion - Administration - Affichage d'une "News", "Actualité", "Info", ... avec : - mise en forme ...

Outils - Crypt

Dreamweaver Php Mysql - Région répétée imbriquée
Je rebondis, sur un post du forum, pour vous montrer comment obtenir grâce à l'extension Simulated ...

Magazines - Le n° 120 de Programmez est disponible

Gérer les bases de contenu SharePoint - Gérer la croissance du volume des données
Dans le cadre de la gestion quotidienne de ferme SharePoint, il existe une partie qu'il faut ...

PHP - Le Coach PHP sur Visual Studio

.NET - Ecrire une application .NET utilisant MySQL

PHP - Utilisation de PHP dans le monde Microsoft

Magazines - Le n° 119 de Programmez est disponible

Adobe - Adobe annonce Photoshop Marketplace

[MAJ] Tutoriel AJAX simple - En avant vers le WEB2.0
Mis à jour le 20/04/2009

Captcha «maison» sans extension - Et en plus, c'est gratuit ;)
Un ami m'a demandé de l'aide ce matin pour insérer un captcha dans un formulaire pour son site ...

Dreamweaver CS4 - Photoshop CS4 - Alliance parfaite pour la gestion des images
Pour changer un peu des pages de code, je vous propose de voir ensemble, la fonctionnalité très ...

Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces