我想出了两种使SVG中的元素相对于SVG的父元素或SVG本身具有响应大小的方法(SVG的高度是100% )：
通过获取SVG的父级高度来更改JS中
浏览 2提问于2021-10-21得票数 1
回答已采纳
1回答
我试图使用svg.js ()呈现一个矩形，并且在调整父窗口/窗口的大小时不保留高宽比。它对于普通的svg元素很好，但对于svg.js元素则不行：
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.4/
浏览 1提问于2018-03-06得票数 1
回答已采纳
2回答
尝试在表单的JSON输入上使用D3.js布局来实现树状图： "name": "Top", "children": [var svg = d3.select(".chart").append("svg")
浏览 0提问于2018-02-01得票数 3
回答已采纳
我想要一个图标在不同长度的标题前，有时1行，有时2行，图标应调整到1或2行的高度。 由于svg占用了所有可用空间，因此它将始终与.svg-container一样大。图标的.svg是正方形的，这就是我想要为它们的容器.svg-container实现的。它应该具有与.headline元素相同的高度，因此此高度也适用于.svg容器的宽
浏览 48提问于2019-05-16得票数 0
1回答
我用svg.js在jsfiddle中做了一个，但在Firefox中它是一个矩形。我在Chrome上工作得很好。怎么回事？
var rectangle = draw.rect(100,100)
浏览 3提问于2014-04-15得票数 1
1回答
<div id="maindiv" style="height:60px;width:100px;border:1px solid black;float:left"></div>我能展示一下..。在svg文本元素中？根据我所做的评论如下
浏览 2提问于2015-09-08得票数 1
1回答
我正在尝试将D3直方图添加到VueJS组件中，但我无法使轴正确显示。我看到的唯一渲染的东西是y轴的尖端。下面是我对图表组件的js： export default { props: { mounted() {
const chart = svg.append(&
浏览 29提问于2020-07-13得票数 0
回答已采纳
2回答
SVG标记占用额外空间
、、、
所以我在HTML5中的SVG元素遇到了一个奇怪的大小问题。它占用的空间比我想象的要多得多。图像中的每个小矩形都是一个宽度和高度均为"20“的矩形元素。SVG元素的高度和宽度应为20*10 = 200，但尺寸应为680x508。您可以在此处查看已检查的svg元素-> <s
浏览 0提问于2012-11-03得票数 5
回答已采纳
2回答
我有一些在SVG中生成图表的代码。我想把它们显示在网页上。我要把所有的图表都按原来的比例缩放。有许多不同尺寸的图表。我正在显示的窗口可能会更改大小，响应浏览器的大小。但我不希望SVG被放大。我可以在div标签中加入对象标签，也可以打开div标签的滚动条，但是无论我做什么，SVG都会缩放以适应div。
如果我知道图像的大小，我可以强迫画布保持相同的尺寸。有没有办法说:引入SVG而不进
浏览 4提问于2016-02-28得票数 1
回答已采纳
如何使用svg使用d3.js将百分比中的高度值转换为百分比中的宽度值
拥有一个单独<e
浏览 0提问于2018-06-17得票数 0
回答已采纳
我试着寻找这个问题的答案，但没有找到任何能定义我的问题的东西。我已经使用D3.js和HTML为我的Sharepoint站点创建了一个交互式树状图菜单(代码如下)// Set the，一旦我在浏览器中打开它，SVG至少有500 to高，占用了太多的空空间。我尝试过将iframe宽度和高度
浏览 1提问于2018-12-21得票数 0
回答已采纳
1回答
我在绘制一个简单的条形图时遇到了麻烦。在我的图表中只显示了y轴的一小部分：我做错了什么？ } <title>My bar chart</title>
<script src="https://d3js.org/d3.v4.min.js"></scrip
浏览 1提问于2017-11-21得票数 2
回答已采纳
1回答
div段中的d3图
、、、
我正在一个HTML页面中绘制多个图形，我希望在div部分中添加第二个图，以获得更合适的图表。有人能告诉我如何将下面的代码修改成div部分中的代码吗？<svg width="1200" height="550"></svg>var svg = d3.select("svg"),
浏览 2提问于2017-11-27得票数 1
回答已采纳
我的功能就像这样简单： var colors = obj.getElementsByClassName("它是通过按钮单击事件或通过接口触发的。作为参数，它得到一个像#FFFFFF这样的颜色，一个0到1的不透明度和一个obj，在任何情况下都是一个svg元素。当首先调用函数时，它会像我所期望的那样改变颜色。第二次调用它，它不会。它将保留第一个函数调用指定的颜色。使用m
浏览 1提问于2015-05-11得票数 2
我设置了一个自动调整SVG大小的SVG，它在保持高宽比的同时根据父容器改变大小。HTML<SVG id=svg viewBox="0 0 160 90" preserveAspectRatio="xMinYM
浏览 4提问于2014-04-09得票数 5
<!--SOME SVG CODE HERE--></g>
<script src="script.js"></script>
<link rel="stylesheet"
浏览 14提问于2020-06-04得票数 1
回答已采纳
我找到了一些可以创建动态svg页面背景的JS。我只想使用它在一个响应式数码静脉与class=“锻炼”。我刚刚开始学习JS，我不知道如何修改这段代码来获得svg所在的DIV的高度。因为DIV是全屏幕宽度，所以我只需要得到高度。以下是相关代码： var svg = document.createElementNS('http://www.w3.org/2000/
浏览 2提问于2018-04-23得票数 0
我有一个简单的HTML文件： <div class="container" id="main"></div></body>v
浏览 0提问于2021-09-03得票数 1
要在html页面中添加svg图形，通常使用object标签来包装它，如下所示： wmode="transparent" width="100" height="100">
this browser is not able to show SVG:
浏览 0提问于2008-10-23得票数 10
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
