Bonjour,
J'en appel à votre infini connaissance, pour éclairer ma lanterne...

Je tente de faire un clip-path, mais il ne fonctionne pas. J'ai un path (qui représente une manche) et une rayure (un rectangle). Je souhaite que le rectangle soit "clippé" par le path. Cependant, au lieu de sa, mon rectangle ne s'affiche pas du tout :/

Je vous montre mon code ci-dessous, en espérant que vous pourrez m'aider Merci d'avance !

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200" height="200">
	<desc>Created with Raphaël</desc>
	<defs>
		<clipPath id="r5">
			<path d="M131.866,5.325c-0.028,15.359,2.767,30.562,8.384,45.608,c9.809-2.828,19.525-8.263,29.236-13.848,c1.032-10.485,1.552-21.123,1.561-31.76H131.866z"/>
		</clipPath>
	</defs>
	<path fill="#666666" stroke="#000000" d="M131.866,5.325C131.83800000000002,20.684,134.633,35.887,140.25,50.933C150.059,48.105,159.775,42.67,169.486,37.085C170.518,26.6,171.03799999999998,15.962,171.047,5.324999999999999H131.866Z"/>
	<rect x="150.5" y="4.352" width="14.313" height="128.813" r="0" rx="0" ry="0" fill="#73ba90" stroke="none" clip-path="url(#r5)"/>
</svg>
EDIT: Après quelque test, si je remplace le path contenu dans le clip-path par un rectangle, le clip fonctionne... Il s'agit d'une erreur dans le chemin du path ???

EDIT 2 : Résolu, il s'agissait bien d'un problème dans le chemin du path. En faite comme j'avais récupéré le chemin du path via firebug, le chemin a été "arrondi" et n'était pas exacte. Avec le vrai chemin , ça passe nickel