38 en ligne

Recherche

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 (31 811 hits)

	Téléchargez gratuitement et légalement des logiciels Microsoft ! Si, si ;)
Visual Studio 2010 Office 2010 Expression Studio 3 SQL Server 2008 et d'autres...

Au fil des news

PHP - Drupagora : 1ère edition

Utiliser Reporting Services pour des NewsLetter - SQL Server Reporting Services et les NewsLetters
Le moteur de rapport inclus dans Microsoft SQL Server permet de créer de nombreux rapports ...

Changer la page d'erreur 401 SharePoint - La page d'erreur d'authentification SharePoint
Avec l'authentification classique des sites SharePoint, l'erreur d'authentification est gérée par ...

PHP - Graphique de l'angle du soleil en fonction du lieu

PHP5 - Graphique de l'angle du soleil en fonction du lieu

Adobe - Disponibilité d'Adobe Creative Suite 5.5

Les Thèmes dans SharePoint 2010 - Gérer les thèmes dans SharePoint 2010
SharePoint 2010 apporte de nombreuses modifications dont certaines dans le principe des thèmes.

JavaScript - fonction qui affiche l'heure à travers javascript

Installer SharePoint Foundation 2010 sur Windows 7 - Installer SP Foundation 2010 sur Windows Seven
Lorsque l'on souhaite développer dans le monde SharePoint, il existe plusieurs solutions. La ...

SharePoint et SQL Server 2008 R2 Report Server - Comment accéder à SharePoint depuis SSRS 2008 R2
Depuis la première version, la solution de rapport proposée par Microsoft "SQL Server Reporting ...

JS - Envoi d'un formulaire après chargement d'une image

Divers - Bannir une ip dans le global asax

Dreamweaver CS5 - Nouvelle version Dreamweaver CS5
Déjà plus de 6 mois que le produit est sorti, il fallait bien que je vous en parle un peu. Je vous ...

SharePoint Output Caching dans un site Intranet - Comment utiliser le cache dans un site Publishing
Afin de permettre l'amélioration des performances de sa ferme MOSS utilisée pour le site portail ...

Adobe - Adobe lance le Musée Adobe des Médias Numériques

Adobe - Adobe lance HTML5 Pack pour Illustrator CS5

PHP - Forum PHP 2010 : Le programme

Magazines - Le numéro 133 de programmez est disponible

Adobe - Adobe lance des applications Photoshop Express....

PHP - Détermination de l'intersection entre 2 segments

Magazines - Le N°132 de Programmez est disponible

Les alertes dans SharePoint 2007 - Comment SharePoint 2007 gère les User Alerts
Une des fonctionnalités de base de SharePoint, aussi bien dans Windows SharePoint Services (WSS) ...

Adobe - Photoshop.com Mobile pour Android 1.2

Adobe - Adobe dévoile une technologie de lecture.......

PHP - Experts PHP : participez au Forum PHP 2010 !

PHP - Fobec.com - Code source PHP & javascript

Foliotage alphabétique - Lister sur la première lettre d'un champ
Pour faire suite à l'article de JPierre sur la pagination alphabétique, voici, en ASP et en PHP, ...

Dreamweaver CS4 + Php + Mysql - Pagination alphabétique
Je vous propose la création d'une barre de navigation ou pagination alphabétique pour filtrer les ...

Adobe - HTML5 dans Dreamweaver CS5

VBScript - Déterminer si un chemin est absolu ou relatif

VBScript - Lire/écrire un fichier texte

Magazines - Le N°130 de Programmez est disponible

Hebergement - Hébergement à prix libre

Adobe - Adobe Creative Suite 5

PHP - Calcul de la date de Pâques

Magazines - Le N°128 de Programmez est disponible

Magazines - Le N°127 de Programmez est disponible

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

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