如何使用 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.