Avatar billede kischi Novice
24. september 2016 - 11:44

Kan man lave en curved dotted linje i SVG

Hej,

Jeg ved ikke om dette er det rigtige rum til dette spørgsmål. men jeg håber der er nogen som kan hjælpe.

Jeg er helt ny i forhold til at arbejde med SVG.
Ved i om det er muligt at lave en dotted line som er curved.
Jeg kan godt lave en solid linje som er curved, og jeg kan godt lave en lige dotted line, men jeg ved ikke hvordan eller om det overhovedet er muligt at kombinere i to, så man laver en dotted line som er Curved.
Eller om man er nødt til bare at lave en masse enkeltstående prikker, og placere dem så det ser ud som om den er curved.

Jeg håber i kan hjælpe.

Her kan i se hvad jeg mener:

http://wearecrunch.net/svg/svg.html

Her er koden:

<html>
<body>

<h1>My first SVG</h1>

<svg width="300px" height="200px" viewBox="0 0 300 200">

    <line x1="50" x2="200" y1="100" y2="100" stroke="#5184AF" stroke-width="20" stroke-linecap="round" stroke-dasharray="1, 30"/>

    </svg>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="10" stroke="none" stroke-width="4" fill="#000000" />
</svg>

<svg width="190" height="160" xmlns="http://www.w3.org/2000/svg">
  <path d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" stroke="black" fill="transparent"/>
</svg>

</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester