| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <style> |
| .content-wrapper { |
| position: relative; |
| width: 760px; |
| height: 560px; |
| border: 1px solid black; |
| } |
| |
| .content-wrapper svg { |
| width: 100%; |
| height: 100%; |
| background-color: #eee; |
| } |
| |
| .test { |
| width: 100%; |
| height: 100%; |
| resize: none; |
| box-sizing: border-box; |
| background-color: white; |
| border: 2px solid gray; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="content-wrapper"> |
| <svg width="375" height="355" viewbox="0 0 375 355" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| <foreignobject x="24" y="160" width="327" height="120"> |
| <div class="test" xmlns="http://www.w3.org/1999/xhtml"></div> |
| </foreignobject></svg> |
| </div> |
| </body> |
| </html> |
