คำถามติดแท็ก rect

ขณะนี้กำลังสร้างแอปพลิเคชัน SVG บนเบราว์เซอร์ ภายในแอพนี้ผู้ใช้สามารถกำหนดรูปแบบและกำหนดตำแหน่งรูปร่างต่าง ๆ รวมถึงรูปสี่เหลี่ยมผืนผ้า เมื่อฉันนำ a ไปใช้stroke-widthกับrectองค์ประกอบการพูดของSVG 1pxจังหวะจะถูกนำไปใช้กับrectออฟเซ็ตและสิ่งที่ใส่เข้าไปในเบราว์เซอร์ต่างๆ นี่เป็นการพิสูจน์ว่าลำบากโดยเฉพาะอย่างยิ่งเมื่อฉันพยายามคำนวณความกว้างด้านนอกและตำแหน่งที่มองเห็นของรูปสี่เหลี่ยมผืนผ้าและจัดวางตำแหน่งถัดจากองค์ประกอบอื่น ๆ ตัวอย่างเช่น: Firefox เพิ่ม 1px inset (ล่างและซ้าย) และ 1px offset (บนและขวา) Chrome เพิ่มสิ่งที่ใส่ 1px (บนและซ้าย) และ 1px ชดเชย (ด้านล่างและขวา) ทางออกเดียวของฉันคือการวาดเส้นขอบที่แท้จริงด้วยตนเอง (อาจใช้pathเครื่องมือ) และวางตำแหน่งเส้นขอบด้านหลังองค์ประกอบที่ลูบ แต่วิธีนี้เป็นวิธีแก้ปัญหาที่ไม่พึงประสงค์และฉันไม่ต้องการลงไปที่ถนนเส้นนี้ถ้าเป็นไปได้ ดังนั้นคำถามของฉันคือคุณสามารถควบคุมวิธีการstroke-widthวาดSVG บนองค์ประกอบได้หรือไม่

204 svg  offset  rect 

ผมต้องการที่จะแสดงบางข้อความภายในrect SVG เป็นไปได้ไหม? ฉันเหนื่อย <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> แต่มันไม่ทำงาน

180 text  svg  rect