当SVG填满整个浏览器窗口时，它会显示viewBox之外的内容

文章/答案/技术大牛

发布

1回答

html、css、svg

我想让一个内联SVG填充整个浏览器窗口的宽度。SVG包含viewBox之外的一些内容。这是SVG文件：svg {} 看到这个viewBox：红色的矩形是jsfiddle的

浏览 5提问于2017-01-23得票数 2

1回答

在调整窗口大小之前，Firefox不会调整SVG大小

firefox、svg

我有一个在canvas元素的data属性中设置的SVG。它的高度和宽度应该依赖于它的容器，以便它可以响应。除了火狐之外，它在任何地方都能正常工作。发生的情况是，当页面第一次加载时，SVG以其原始大小显示，这比容器小得多。但是，当我调整窗口大小时，SVG将会放大以填满容器。

浏览 0提问于2014-08-27得票数 0

1回答

你能做一个响应式的viewbox吗？

html、svg、resolution、viewbox、sizing

有没有办法使视图框适合任何给定浏览器的大小？例如，我现在使用的是1600x1900的浏览器，其视图框如下： <svg viewBox="-300 0 1920 995"> 我的页面就会滚动。我最初在1080p显示器上制作网页，页面不能滚动。

浏览 10提问于2019-04-30得票数 0

1回答

如何裁剪viewBox之外的内容？

javascript、html、svg、jquery-svg、svg-edit

是否有一个函数或方法可以裁剪位于viewbox之外的路径，而不只是隐藏它？我使用的是svg-edit，它有一个viewbox，一个画布区域。画布外部绘制的所有内容都会被隐藏。但是，当收集编辑器的输出并将其粘贴到图形编辑器(如Inkscape )中时，将显示整个绘图。我希望在viewbox之外的绘图完全从编辑器

浏览 1提问于2013-02-25得票数 4

回答已采纳

1回答

SVG Favicon无法在React中调整大小

html、css、reactjs、svg、favicon

我有一个SVG，我想用它作为我的React应用程序的图标。如果有必要的话，我使用了create-react-app。="http://www.w3.org/2000/svg" ></div> 这

浏览 0提问于2021-04-13得票数 0

1回答

当窗口大小改变时保持viewBox的比率

javascript、svg

我希望在浏览器窗口改变时保持这个比率，这样viewBox就可以一直保持屏幕的大小，但是当我尝试下面的代码时，它会缩小viewBox的大小。有人能帮我吗？viewPort.setAttribute("width", screen.width);viewPort.setAttribute("<

浏览 0提问于2019-02-10得票数 1

回答已采纳

2回答

将div的大小设置为包含较大内容的浏览器窗口的100%

html、css、xhtml、svg

我在设置div的高度时遇到了一个问题:我有3个div和svg元素，每个元素都是这样的： <div id="1"> <div id="3">)，我需要div3的大小(这也意味着div2和div1)具有100%的浏览器窗口大小(减去上层div中的其他元素和边距)-<em

浏览 4提问于2011-03-09得票数 0

回答已采纳

1回答

不使用inkscape缩放svg内容以适应页面大小(反之亦然

svg、graphics、crop、scaling

我想缩放SVG图像以适应页面大小(反之亦然:裁剪页面以适应内容)。这可以使用here中描述的inkscape来完成。然而，没有gui，似乎就没有办法做到这一点。

浏览 29提问于2020-06-29得票数 0

1回答

基于窗口大小C#/XAML的自动按钮缩放

c#、xaml、transform、scale、resolution

我正在WPF中创建一个UI，该UI由8个按钮组成，用于打开计算机上设置的各种程序。目前，我正在尝试使UI中的按钮根据检测到的窗口大小进行缩放。我遇到的问题是如何在C#代码中完成计算，以链接到XAML中按钮的比例转换选项。我到处搜索寻找解决方案，但仍然找不到将值链接到XAML的方法。有人知道这样的指南吗?应该用转换器来完成吗？谢谢你的帮助。

浏览 4提问于2015-02-06得票数 2

回答已采纳

1回答

SVG文件只在某些地方工作。

svg

我有一个非常简单的svg文件，一个书架，它是我从Inkscape中的一个公共域图像中提取的。我的意图是使用WinForms中的SVG来生成可变宽度的位图。它在Inkscape中运行良好，但不想在IE或Chrome或DevExpress Svg呈现器或公共域SVG查看器中显示。<?> <svg</

浏览 1提问于2018-02-13得票数 0

回答已采纳

1回答

全, 我在iframe中有一个SVG图像，我正在使用viewbox将其放大。但是，当图像对于viewbox而言变得太大时，浏览器不会显示滚动条。我以为浏览器(Firefox3.5和Chrome7.0测试)会自动显示滚动条，但事实似乎并非如此。据我所知，没有办法在放大模式下查看整个SVG图像。有谁知道如何在iframe中添加滚动条功能，这样无论我们将SVG图像做得多大，我们都可以看到

浏览 2提问于2011-01-12得票数 2

回答已采纳

1回答

svg viewbox缩放问题

svg、coordinates、viewbox

我对svg的viewbox有一个问题，在我看来，它就像是无限svg平面上的一个窗口，它的边界是在svg元素的viewBox属性中设置的。它表示svg平面中两个坐标之间的矩形。因此，viewBox "0 0 1000 500“显示了svg plan的(0,0)和(1000,500)之间

浏览 0提问于2012-01-13得票数 2

回答已采纳

2回答

将SVG对象移向原点

python、image、svg

我正在使用svgwrite模块在Python中创建一系列不同的SVG文件。我需要稍后在网站上展示这些照片。 end = (20,20),\im.saveas('example.svg') 然后，当我在例如火狐中查看example.svg

浏览 1提问于2014-04-12得票数 2

回答已采纳

1回答

带有嵌入式脚本的SVG可扩展到浏览器可用空间

javascript、browser、svg、zooming、scale

我正在尝试创建一个完全自我包含的SVG文档，当加载到web浏览器中时，它会自动缩放和中心到可用的空间。请注意，这与html文档中的SVG无关。<?DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.

浏览 2提问于2015-03-22得票数 0

回答已采纳

1回答

如何在Material UI网格中添加水平滚动

reactjs、material-ui

我试图建立具有网格布局的看板。看板中有七列。我对每根柱子都使用了materail网格。

浏览 14提问于2019-04-25得票数 5

回答已采纳

2回答

大区域svg不滚动

html、css、svg

我经常想使用大型svg进行数据可视化等。这些通常足够大，你可以使用浏览器向右和向下滚动来查看所有内容，就像你通常在网站上看到的那样。当我想让人们发表评论时，麻烦就开始了。我第一次在svg中嵌入html的时候用的是外部对象，但是IE不支持这个功能。然后，我转向使用textareas将textareas覆盖在svg上，并将它们设置为position:absolute。这样，文本区域就可以很好地位于svg的</e

浏览 1提问于2015-03-27得票数 1

2回答

如何将SVG* viewBox宽度/高度设置为子元素的最大x/y值*

svg

我正在用Python动态生成SVG内容，它将在浏览器中显示。我可以使用preserveAspectRatio和硬编码的viewBox值(如height="200px" preserveAspec

浏览 1提问于2014-11-03得票数 1

回答已采纳

2回答

理解svg的viewbox属性

css、html、svg

我正在尝试使用土耳其的地图，它是在之前创建的。我更改了svg元素的尺寸 width="800" 当我将viewBox值更改为 viewBox</

浏览 1提问于2014-09-05得票数 3

2回答

如何修复SVG顶部和左侧笔划截断？

html、css、svg、ellipse

我用stroke-width和stroke在SVG中创建了一个椭圆，但是笔画的顶部和左侧都被截断了。它们似乎在包含svg标记的外部溢出。我尝试在SVG上使用overflow:visible;属性，但它仍然不起作用。以下是我的HTML： <svg id="svg1"> <ellipse id="oval1" c

浏览 4提问于2013-11-13得票数 3

回答已采纳

1回答

svg在viewbox之外计算吗？

reactjs、svg

在react中，有几个对象在svg的视图框之外移动。为了优化，我想有条件地把它呈现出来。这样外部的对象就不会呈现出来。但我在问自己是否真的需要它。SVG是否计算视图框之外的内容？

浏览 2提问于2021-11-19得票数 3

回答已采纳

点击加载更多