Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

วางตำแหน่ง HTML5 SVG ไว้ตรงกลางหน้าจอ


หากต้องการให้ SVG อยู่ตรงกลาง ให้เพิ่ม CSS ต่อไปนี้:

# svgelem {
   margin-left:auto;
   margin-right:auto;
   display:block;
}

ต่อไปนี้คือ SVG ของเรา:

<svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg">
   <circle id="redcircle" cx="50" cy="50" r="50" fill="red" />
</svg>