2015-12-23 1 views
1

J'ai tracé une courbe de Bézier quadratique en utilisant un chemin en SVG. J'ai eu la sortie requise mais son erreur de console de visualisation,Erreur: valeur non valide pour l'attribut <path>

Erreur: Valeur non valide pour < chemin> attribut d = "M 10 20 Q 15 8 15 20 Z M 15 20 Q 20 23 20 13 0 Z".

Voici mon extrait de code:

<svg> 
<path fill="#C4C24A" stroke-width="1" stroke="#C4C24A" opacity="1" d="M 10 20 Q 15 8 15 20 Z M 15 20 Q 20 23 20 13 0 Z" > 
</path> 
</svg> 

Fiddle Link

quelqu'un me aider à résoudre ce problème.

Merci, Dharani.

Répondre

1

Vous fermez votre chemin deux fois avec Z, ajoutant ainsi deux chemins différents à un seul point.

Utilisez des balises de chemin différent ou d'éliminer un de vos Zs de l'attribut d

+0

J'ai éliminé l'un des Z (chemin de fermeture), mais toujours obtenir la même erreur. Également essayé avec différentes étiquettes de chemin, mais je n'ai pas pu résoudre le problème. Veuillez me suggérer d'autres moyens de résoudre ce problème. –

+0

Vous avez aussi un Q avec 4 paramètres et un autre Q avec 5 paramètres ... vérifiez l'exactitude de votre attribut d sur la documentation https://developer.mozilla.org/fr-fr/docs/Web/SVG/Attribute/d – Bardo

+0

Merci pour votre information ... Son fonctionnement. –