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>