我在缩放SVG以适应窗口大小时遇到了麻烦。在这个例子中，我有一个波形路径和一个文本元素，我想在这里实现的是将文本元素沿着波形路径从左向右移动(这是由GSAP完成的)，并在初始加载时停在路径的一半处；当用户开始滚动时，它将移动到末尾。我的问题是，由SVG创建的波纹路径太长，甚至路径的一半都会离开窗口，我尝试使用viewBox缩小波纹路径，失败；使用
浏览 33提问于2017-08-29得票数 1
回答已采纳
1回答
这个基于JavaScript的游戏是如何缩放的？当你调整浏览器窗口的大小时，游戏会很好地缩放以适应窗口。我确实在某处读到SVG是独立于分辨率的。但我不知道如何利用这一点。
浏览 1提问于2011-08-25得票数 0
1回答
有没有办法使视图框适合任何给定浏览器的大小？例如，我现在使用的是1600x1900的浏览器，其视图框如下： <svg viewBox="-300 0 1920 995"> 我的页面就会滚动。
浏览 10提问于2019-04-30得票数 0
我希望在浏览器窗口改变时保持这个比率，这样viewBox就可以一直保持屏幕的大小，但是当我尝试下面的代码时，它会缩小viewBox的大小。有人能帮我吗？
浏览 0提问于2019-02-10得票数 1
回答已采纳
2回答
SVG缩放和剪辑路径
、、、、
我正在挣扎的SVG剪辑路径缩放行为。我想缩放一个剪辑路径，以适应它应用到的元素大小。我一直在读关于clipPath单元的文章，但我无法做到这一点。下面是我在不进行任何缩放的情况下所做的工作的一个例子：<svg width="800" height="600" xmlns="http:&
浏览 4提问于2014-09-17得票数 5
回答已采纳
2回答
什么是一个优雅的解决方案，以比例比例和中心的整个网站，以适应浏览器窗口(并更新，因为它的大小调整)内容应按比例缩放以适应，然后重新调整中心。本质上，操作类似于这个Flash插件： (虽然基本大小是已知的)
站点将包含720x500区域的几种不同类型的元素.理想的解决方案只是缩放整个事物，而不需要对每个单独的元素进行样式化(如果这很重要-图像将是SVG，因此
浏览 10提问于2015-05-08得票数 3
回答已采纳
2回答
我有一些在SVG中生成图表的代码。我想把它们显示在网页上。我要把所有的图表都按原来的比例缩放。有许多不同尺寸的图表。我正在显示的窗口可能会更改大小，响应浏览器的大小。但我不希望SVG被放大。我可以在div标签中加入对象标签，也可以打开div标签的滚动条，但是无论我做什么，SVG都会缩放以适应div。
如果我知道图像的大小，我可以强迫画布保持相同的尺寸。我希望它显示不缩放，无论<em
浏览 4提问于2016-02-28得票数 1
回答已采纳
1回答
是否可以将svg-edit的工作区高度设置为动态适应屏幕高度？现在可以在文件config.js中更改工作区域大小(例如640x480、800x600)。但是，如何更改此工作区以动态适应屏幕呢？有多少像素的工作区并不重要，但我需要缩放工作区，以适应屏幕。我想使编辑器窗口与工作区高度，以填补实际的浏览器屏幕(缩放禁用，工作区扩展到整个浏览器窗口)。allowedOri
浏览 4提问于2015-04-29得票数 0
7回答
与字体图标相比，SVG图标有一些优势:它们可以缩放以适应可变大小的容器元素，并且理论上可以更改单个路径的颜色。我还喜欢我可以很容易地在Inkscape中制作它们的事实:P
但是，如何在CSS文件中移动SVG，以便它们可以像图标字体一样在同一个页面上重用，并仍然受益于这些优点呢？background属性支持SVG，但这意味着我必须将SVG放入background: url(#svg_element)
浏览 3提问于2015-01-15得票数 6
我试图使用vector="non-scaling-stroke"在svg路径上使用filter: drop-shadow(...)创建一个带有下拉阴影的效果。然而，当路径被缩放以适应屏幕时(需要进行这种缩放)，路径保持一致的大小，但是拖影延伸：svg {
width: 1000px; /*just to simulate problem, these这是预期的，但我想知道是否有
浏览 5提问于2021-05-26得票数 1
回答已采纳
1回答
我有一个SVG图像，基本上是一个背景与其他点(images)在上面。这是我的代码： <svg xml:space="preserve" enable-background-- and more points... --></div>
使用jQuery，我更改#svg<
浏览 1提问于2015-09-02得票数 3
回答已采纳
1回答
在我的D3世界地图上，我有一个叫做"main“的父svg:g组，它有两个svg:g元素，一个用于国家，另一个用于弹出窗口。单击任何国家/地区都会将该国家/地区缩放到屏幕大小。。如果我应用缩放</e
浏览 7提问于2015-02-10得票数 1
我正在尝试沿路径设置对象的动画。我正在使用两个DoubleAnimationUsingPath来动画它的X和Y坐标，它工作得很好。我想要做的是缩放动画，这样当窗口大小改变时，动画也会改变它的比例，以适应窗口的比例。我曾尝试将ScaleTransform应用于动画的PathGeometry，将变换的ScaleX和ScaleY属性绑定到我添加到窗口的属性，该属性用于跟踪调整大小后缩放的变化，但似乎不起作用。简单地说，我想
浏览 1提问于2011-01-24得票数 2
我试图在SVG中旋转路径。
因为在SVG中旋转与通过CSS处理其他html元素的工作方式不同(即。SVG中的默认轴是元素的左上角而不是中心)，我遇到了很多问题。我需要旋转路径，使用它们的中心点作为轴。我可以通过将转换原点设置为50% 50%来实现，但是我也需要翻译和缩放路径，并更改转换原点模糊翻译。假设路径是静态大小，我可以将x/y作为路径宽度/高度的一半包含在“旋转(90，x，y)”中。但是，<
浏览 3提问于2019-03-11得票数 2
回答已采纳
我是否可以通过更改该路径的属性来更改<path>的大小以适应特定的px大小？>目前，胡萝卜路径适合于50 of *50 of的平方。我想要使胡萝卜路径符合另一个px大小，例如，30 px*30 px的平方。我从中找到了一个解决方案，可以修复到某个px大小的路径。它需要修改<svg&g
浏览 5提问于2022-09-05得票数 0
回答已采纳
5回答
对于svg中的每个路径，我都对其进行了解析，并执行了以下操作：r.path([countrypath])。这是可行的，但问题是它是巨大的。例如，有些路径看起来像M 11689.234, 6005.2561...，它甚至无法适应500x500的画布。如何调整大小？拉斐尔的缩放/翻译似乎不起作用，或者我不知道如何使用它。我注意到在SVG中每条路径都有transform="translate(5.875
浏览 0提问于2011-02-01得票数 4
1回答
我正在浏览circliful.js的源代码，并遇到了以下代码行： + '" style="font-size: ' + settings.percentageTextSize + 'px; ' + additionalCss + ';'
浏览 2提问于2016-03-23得票数 0
1回答
我在做SVG反应方面有困难。我试过这个问题的解决方案()，但它对我没有用。不管设置如何，SVG似乎都保持着它的纵横比。(我在这个上发了帖子。一旦我解决了这个问题，我就把这个问题删除。下面的图片来自电子应用程序，但浏览器中的行为是相同的: SVG只按比例缩放，如果窗口的纵横比与SVG不匹配，则裁剪。我想要发生的事情：理想情况下，我希望"flex空间“在垂直维度中，这样SVG的大小才能适应窗口
浏览 4提问于2017-07-10得票数 0
我想在每次窗口大小改变时重新绘制元素(重新缩放以适应窗口)。我已经设法做了一个代码，适合窗口根据尺寸，但当我调整大小的窗口，我需要刷新它，以获得重新缩放…
我该怎么做呢？
浏览 6提问于2012-07-23得票数 0
我正在使用ariutta SVG-PA-缩放库()。(也用于jquery.layout.js窗格和jquery-ui.js)
我希望保存svg缩放svg的值，并使用这些值跳转到相同的位置，使用一个具有不同大小窗口的浏览器。目前，我正在使用getPan()和getZoom()保存值；然后在另一个浏览器中缩放(缩放)和pan( pan )，以缩放和平移到相同的位置。当浏览器窗口
浏览 5提问于2015-11-10得票数 1
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
