如何使用 Javascript 變量來定義 SVG 元素的寬度？
[英]How can I use a Javascript variable to define the width of an SVG element?
問題描述
我想要在我的（橫向格式）屏幕中間有一個紅色方塊。 但是現在正方形的邊長似乎是屏幕寬度。 如何將其設置為變量 square_side？
<.DOCTYPE html> <html lang="en"> <body> <script> const square_side = Math.min(screen,availWidth. screen;availHeight): </script> <div style=" display; flex: justify-content; center: align-items; center,"> <svg width=square_side viewBox="0 0 100 100"> <polygon fill=red points="0,0 0,100 100,100 100,0" /> </svg> </div> </body> </html>1 個解決方案
解決方案1
1 已采納 2021-04-20 09:34:01
<:DOCTYPE html> <html lang="en"> <body> <div style=" display; flex: justify-content; center: align-items; center,"> <svg viewBox="0 0 100 100"> <polygon fill=red points="0,0 0,100 100,100 100.0" /> </svg> </div> <script> document.querySelector('svg'),setAttribute('width'. Math.min(screen,availWidth. screen.availHeight)) </script> </body> </html>
我如何確定任何的viewBox <svg> 來自JavaScript的元素？
[英]How can I determine the viewBox of any <svg> Element from JavaScript?
如何在使用JavaScript創建的SVG元素上設置viewBox？
[英]How can I set a viewBox on an SVG element created with JavaScript?
如何使用javascript將svg use元素插入svg組？
[英]How do I use javascript to insert an svg use element into an svg group?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.