SVG <path>
- Kutumia SVG Editor kwa kureja muundo wa grafu yenye uharibifu kwa kawaida. Hata hivyo, inaruhusiwa kuwa kwa sababu ya uharibifu wa muundo wa nje. Mpangilio wa Kwanza
- Mpangilio wa Kifo Matukio ya SVG
SVG hekima - <path>
<path> Inayotumika kumefanya hekima.
Mabara haya yanaweza kutumika kwa data ya hekima:
- M = kumwua (moveto)
- L = lini ya kina (lineto)
- H = lini ya kina ya mababu (horizontal lineto)
- V = lini ya kina ya pekee (vertical lineto)
- C = kurweza kina (curveto)
- S = kurweza kina hadi (smooth curveto)
- Q = kurweza kina ya kwanza (quadratic Bézier curve)
- T = kurweza kina ya kwanza ya kina (smooth quadratic Bézier curveto)
- A = mji wa kurweza wa kina (elliptical Arc)
- Z = kufunga mkono hekima (closepath)
Ujumbe: Mabara yote ya juu yanaweza kusababisha kwa herufi kikuu au kikuu. Herufi kikuu inaonyesha kufikia kwa uangalifu wa kina, herufi kikuu inaonyesha kufikia kwa uangalifu wa kina.
Mfano 1
Mfano hapa ni kumefanya mkono hekima, ina kuanza kwenye eneo la 150,0, ikifuata na kufanya lini hadi eneo la 75,200, ikifuata na kufanya lini hadi eneo la 225,200, ikafunga hekima kumwua eneo la 150,0.
Hii la kipenzi SVG:
<svg height="210" width="400"> <path d="M150 0 L75 200 L225 200 Z" /> </svg>
Mfano 2
Bézier kurweza (Bézier curves) inayotumia kumewilishwa kuripaji kwa kuria kuria zilizokwenda kwa ukosefu wa umehusiano. Kwa kawaida, mtumiaji anachagua mababu wawili na mababu ya kawaida yana ukosefu au yana wawili. Bézier kurweza yenye mababu ya kawaida moja inaitwa Bézier kurweza ya kwanza (quadratic Bézier curve), yenye mababu ya kawaida mbili inaitwa Bézier kurweza ya tatu (cubic).
Kisha kubuni eneo la uharibifu wa kurasa, A na C ni wengi na kikao, B ni kiwemo:
Hii la kipenzi SVG:
<svg height="400" width="450">
<path id="lineAB" d="M 100 350 l 150 -300" stroke="red" stroke-width="3" fill="none" />
<path id="lineBC" d="M 250 50 l 150 300" stroke="red" stroke-width="3" fill="none" />
<path d="M 175 200 l 150 0" stroke="green" stroke-width="3" fill="none" />
<path d="M 100 350 q 150 -300 300 0" stroke="blue" stroke-width="5" fill="none" />
<!-- 标记相关的点 -->
<g stroke="black" stroke-width="3" fill="black">
<circle id="pointA" cx="100" cy="350" r="3" />
<circle id="pointB" cx="250" cy="50" r="3" />
<circle id="pointC" cx="400" cy="350" r="3" />
</g>
<!-- 给点添加标签 -->
<g font-size="30" font-family="sans-serif" fill="black" stroke="none"
text-anchor="middle">
<text x="100" y="350" dx="-30">A</text>
<text x="250" y="50" dy="-10">B</text>
<text x="400" y="350" dx="30">C</text>
</g>
</svg>
Jifunze tena
- Kutumia SVG Editor kwa kureja muundo wa grafu yenye uharibifu kwa kawaida. Hata hivyo, inaruhusiwa kuwa kwa sababu ya uharibifu wa muundo wa nje. Mpangilio wa Kwanza
- Mpangilio wa Kifo Matukio ya SVG
