Moi! yritän opetella SV Grafiikkaa. Nuo Bezier käyrän apupisteet on vähän hakusassa.. Miten ne tulisi sijoittaa, jotta saadaan käyrästä halutunlainen?
Ilmeisesti apupisteen sijoitus kohta täytyis laskee, mutta miten?
Polkuni ei tuota haluttua kaarta:
<path id="b14" d="M 0 -200 Q 200 -200 200 0" />
Ja vielä koko lähdekoodi
Tässä kokeilussani olen yrittänyt saada käyrää taipumaan kaareksi.
-Harmaa piste = Apupisteen sijainti
-Punainen piste = keskipsite / origo
-vihreä psite = polun aloitus psite
-Ruskea piste = muodon pääte psite
SVGni lähdekoodi näyttää tältä:
<?xml version="1.0" encoding="iso-8859-1" standalone="no"?> <!-- Made By Pentu --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="300px" height="300px" viewBox="-250 -250 500 500" xmlns="http://www.w3.org/2000/svg" version="1.1"> <title>Pentu's TEST - quadratic Bezier (Q,q)</title> <rect x="-248" y="-248" width="496" height="496" fill="#e5e5e5" stroke="blue" stroke-width="2" /> <circle cx="0" cy="0" r="200" fill="none" stroke="#000000" stroke-with="1"/> <path id="b14" d="M 0 -200 Q 200 -200 200 0" fill="none" stroke="#40400F" stroke-width="5"/> <!-- Apupisteet --> <g fill="#888888" > <circle cx="200" cy="-200" r="10"/> </g> <!-- Kaaren keskipiste --> <g fill="#FF0000"> <circle cx="0" cy="0" r="10px"/> </g> <!-- Aloitus psite (M,m) --> <g fill="#00FF00"> <circle cx="0" cy="-200" r="7"/> </g> <g fill="#CC6600"> <!-- käyrän paate piste --> <circle cx="200" cy="0" r="7"/> </g> </svg>
Bézier-käyrillä ei voi tarkasti piirtää ympyrän kaarta. Melko lähelle kuitenkin pääsee. Ihan hakusanoilla Bézier circle löytyy kaikenlaista, mm. Wikipedian esimerkkikuva ja kiva artikkeli.
Aihe on jo aika vanha, joten et voi enää vastata siihen.
