SVG <circle>

Ang <circle> tag ay maaaring gamitin upang lumikha ng isang lupon.

Ang <circle> tag

Ang <circle> tag ay maaaring gamitin upang lumikha ng isang lupon.

Pakopya ang mga sumusunod na kode sa Notepad, at i-save ang file bilang "circle1.svg". Ilagay ang file sa iyong web directory:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

Paliwanag ng Kode:

Ang cx at cy attribute ay naglalarawan ng x at y coordinates ng point. Kung tinanggal ang cx at cy, ang sentro ng lupon ay itatayo sa (0, 0)

Ang r attribute ay naglalarawan ng radius ng lupon.

View Example