2017-03-06 2 views
-1

Je cherche un moyen de faire ce chemin de svg, mais sans chance pour le moment. Je cherchais sur internet depuis longtemps ... Je sais que css peut le faire mais si quelqu'un sait comment les construire avec SVG ce serait vraiment sympa.Triangle svg avec un demi-cercle transparent sur son côté

Merci

Première SVG: First

Deuxième SVG: Second

+2

Télécharger un éditeur SVG tel que Inkscape et les dessiner. –

+0

Salut, c'est ce que j'essaie de faire, d'ailleurs, même avec ce logiciel, le demi-cercle ne s'affiche pas comme ces pngs. :/thx si vous pouvez me donner quelques conseils. – Claod

Répondre

1

Vous devriez en apprendre davantage sur les commandes chemin SVG.

https://www.w3.org/TR/SVG2/paths.html#PathData

Par exemple, vous pouvez définir ces formes par liste d'un chemin commandes.

<svg viewBox="0 0 200 200" width="200" height="200"> 
 
    <path d="M0 0l60 60a1 1 0 0 0 80 80l60 60h-200z"/> 
 
</svg> 
 
<svg viewBox="0 0 200 200" width="200" height="200"> 
 
    <path d="M0 0l60 60a1 1 0 0 1 80 80l60 60v-200z"/> 
 
</svg>

+0

** Pefect **! Je l'ai fait en utilisant Inkscape mais le chemin a été fait à partir de mes bords png ... Et les données sont vraiment longues. Je connais une certaine commande de chemin, je sais comment faire le triangle, mais le problème principal était de couper un côté avec un demi-cercle. Je pense que c'est le "un" point ... il ne fonctionnait pas correctement :(. Merci beaucoup! Je vais l'étudier et le modifier :). Si cela ne vous dérange pas, je reviendrai pour vous poser une question si je ne comprends pas certains points :). Merci d'aider svg begginers, vraiment. – Claod