web-dev-qa-db-fra.com

HTML SVG - Est-il possible d'importer un <svg> dans Adobe Illustrator pour le modifier?

Comme le titre le dit, comment puis-je modifier un svg dans Adobe Illustrator?

Par exemple, j'ai eu ceci

<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="595.28px" height="841.89px" viewBox="0 0 595.28 841.89" enable-background="new 0 0 595.28 841.89" xml:space="preserve">
<text transform="matrix(1 0 0 1 225 321)" font-family="'MyriadPro-Regular'" font-size="12">This a TEST!</text>
<path fill="none" d="M177,246c0,92.859,77.824,168,174,168"/>
<path fill="none" d="M357,246c0,161.398-105.555,292-236,292"/>
<path fill="none" d="M288,414c0,113.311-23.252,205-51.987,205"/>
<rect x="93" y="383" fill="none" width="364" height="147"/>
<g>
    <rect x="167" y="272" fill="none" width="216" height="244.5"/>
</g>
<rect x="476" y="428" fill="none" width="216" height="244.5"/>
<rect x="121" y="230" fill="none" width="403" height="231"/>
<rect x="179" y="158" fill="none" width="362" height="454.25"/>
<rect x="73" y="230" fill="none" width="294" height="184"/>
<rect x="371" y="516.5" fill="none" width="12" height="13.5"/>
<rect x="167" y="143" fill="none" width="221" height="387"/>
</svg>

(Il ne contient rien, c'est juste un svg aléatoire).

Dois-je d'abord le télécharger au format .SVG? Et comment puis-je le télécharger au format .SVG?

htmlsvg
7
QoP

Collez-le dans un fichier texte nommé Whatever.svg et ouvrez-le dans Illustrator.

32
ray hatfield

Créer un document .html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
	<head profile="http://gmpg.org/xfn/11">
	</head>
	<body>
		<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="595.28px" height="841.89px" viewBox="0 0 595.28 841.89" enable-background="new 0 0 595.28 841.89" xml:space="preserve">
			<text transform="matrix(1 0 0 1 225 321)" font-family="'MyriadPro-Regular'" font-size="12">This a TEST!</text>
			<path fill="none" d="M177,246c0,92.859,77.824,168,174,168"/>
			<path fill="none" d="M357,246c0,161.398-105.555,292-236,292"/>
			<path fill="none" d="M288,414c0,113.311-23.252,205-51.987,205"/>
			<rect x="93" y="383" fill="none" width="364" height="147"/>
			<g>
				<rect x="167" y="272" fill="none" width="216" height="244.5"/>
			</g>
			<rect x="476" y="428" fill="none" width="216" height="244.5"/>
			<rect x="121" y="230" fill="none" width="403" height="231"/>
			<rect x="179" y="158" fill="none" width="362" height="454.25"/>
			<rect x="73" y="230" fill="none" width="294" height="184"/>
			<rect x="371" y="516.5" fill="none" width="12" height="13.5"/>
			<rect x="167" y="143" fill="none" width="221" height="387"/>
		</svg>
	</body>
</html>

Ouvrez ceci dans le navigateur. Ouvrez print et appuyez sur "save as .pdf"

Maintenant, vous pouvez l'ouvrir dans Illustrator.

Exemple

0
revilodesign.de