腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
文本
缩放
svg
以
适应
viewBox
svg
、
scale
很难知道
文本
需要什么尺寸,尤其是旋转时。因此,很容易使
viewBox
变得太小,然后
文本
在
viewBox
之外消失。但是,如果
viewBox
太大,那么还会有大量额外的空格进行
缩放
。有没有一种方法可以
缩放
viewBox
或
svg
内容
以
适应
它? 我知道preserveAspectRatio可以将
viewBox
缩放
到
svg
的宽度和高度,但我问的是如何
浏览 23
提问于2019-06-14
得票数 0
回答已采纳
1
回答
SVG
中的
文本
元素尽管有固定的值,但其位置却是完美的。
javascript
、
jquery
、
html
、
css
、
svg
我正在浏览circliful.js的源代码,并遇到了以下代码行: + '" style="font-size: ' + settings.percentageTextSize + 'px; ' + additionalCss + ';'
浏览 2
提问于2016-03-23
得票数 0
1
回答
使用
viewBox
缩放
SVG
(在Dart中)不起作用
svg
、
dart
、
viewbox
、
dart-html
最近,我开始与Google (www.dartlang.org)合作,并与
SVG
合作。我正在尝试
使用
<div>扩展生成的
SVG
以
适应
viewBox
。我现在能够像这样
缩放
路径: // get boun
浏览 2
提问于2013-12-30
得票数 3
回答已采纳
1
回答
在调整窗口大小时刷新
svg
坐标
javascript
、
svg
、
resize
、
coordinates
我是
SVG
的新手,我很难解决这个问题:left: calc(50% - myDivWidth/2);我用"cx“和"cy”属性围绕这个中心点放置
SVG
但是我的
SVG
圆圈没有移动,因为坐标系没有延伸到视口的新大小。现在,如果在调整大小后重新加载页面,则所有内容都将再次正确放置。 当我调整尺寸时,我想我可以重新计算我的圆圈的坐标,但不是有点重吗?我所有
浏览 0
提问于2014-12-14
得票数 1
回答已采纳
1
回答
SVG
不会呈现为CSS背景图像。
html
、
css
、
svg
我正在尝试
使用
SVG
映像作为background-image来实现一个关闭按钮。下面是我
使用
的代码: width: 16px; background-image: url(data:image/
svg
如何更改:hover上的
SVG
填充?(考虑到我的配置-可在上面的链接中找到)
浏览 1
提问于2014-09-20
得票数 0
回答已采纳
1
回答
当窗口大小改变时保持
viewBox
的比率
javascript
、
svg
我希望在浏览器窗口改变时保持这个比率,这样
viewBox
就可以一直保持屏幕的大小,但是当我尝试下面的代码时,它会缩小
viewBox
的大小。有人能帮我吗?viewPort.setAttribute("width", screen.width);viewPort.setAttribute("
viewBox
浏览 0
提问于2019-02-10
得票数 1
回答已采纳
2
回答
如何调整
SVG
的大小?
svg
、
responsive-design
当
SVG
图形显示在我的网页上时,我需要一些帮助来弄清楚如何调整其大小。我的问题是智能手机上的图形太小了。我怎样才能让它变得更大?我没有任何关于这个图形的响应性的东西,只是在我的网页中的普通
SVG
。所以我猜有些东西是可以做的,但我不知道具体是什么。以下是
SVG
图形的开头: <
svg
viewbox
="0 0 1920 632" xmlns="http://www.w3.org/2000/
s
浏览 15
提问于2016-08-23
得票数 0
1
回答
用适当的
viewBox
值替换宽度和高度属性
javascript
、
html
、
svg
有助于理解
viewBox
的目的,但并不完全相同。 <
svg
xmlns='http://www.w3.org/2000/
svg
' xmlns:xlink='http:/
浏览 0
提问于2019-08-03
得票数 0
1
回答
修复响应的
SVG
突破启动带栅格?
javascript
、
d3.js
、
svg
、
twitter-bootstrap-3
示例Codepen: 我希望
SVG
完全保持在父级的给定宽度内(本例中有6列,但可以是任何其他任意宽度的网格元素)。此示例在宽度< 768 up时起预期的作用,因为引导行列是全页宽度;但是,当引导带列返回到768以上的水平堆叠时,
SVG
占用页面的整个宽度。
浏览 1
提问于2017-04-07
得票数 0
回答已采纳
1
回答
SVG
中的
SVG
图像在Firefox中不能
缩放
html
、
firefox
、
svg
、
scale
我在HTML文档中
使用
SVG
,在所述
SVG
中
使用
外部
SVG
文件。如下所示: xmlns="http-- In Firefox 38.0.5, the
svg
does
浏览 6
提问于2015-06-27
得票数 3
1
回答
如何在
SVG
中自动缩小
文本
?
svg
、
xsl-fo
、
inkscape
我有一个用Inkscape创建的
SVG
元素。然后,我将该
SVG
作为XSL-FO样式表的一部分放入,该样式表用于转换XML数据,然后通过IBEX呈现器创建pdf (通常会打印出来)。对于这个特殊的示例,我在
SVG
中的
文本
右侧有一个图像。但是,如果这个字符串是W的最大允许数量,那么它就太长了,会遍历图像。(在理想情况下)我想要的是一种方法,告诉它我希望
文本
块有多少像素宽,然后让它自动缩小
文本
,直到它适合该区域。如果我不能做到这一点,截断
文本
也可以。作为最后的办法,我将<em
浏览 0
提问于2011-03-29
得票数 1
回答已采纳
3
回答
包括通过
SVG
使用
和
缩放
的外部
svg
html
、
svg
/1999/xlink"
viewbox
="0 0 64 64" id="parent"><use xlink:href="/assets/
svg
/fingerprint_2.
svg
#fingerprint"><
浏览 3
提问于2015-12-20
得票数 0
2
回答
如何调整大型
svg
的大小
以
适应
div
javascript
、
html
、
css
、
svg
、
snap.svg
<div style="width:320px; height:480px;"></div>var paper=Snap("#
svg
1"); Snap.load("somesvg.
svg
",fun
浏览 0
提问于2014-01-14
得票数 21
回答已采纳
3
回答
SVG
图像在设置最大宽度/高度时不会保留其高宽比。
html
、
css
、
svg
我有一个具有定义宽度和高度的
SVG
图像:我希望它保持它的纵横比,但是也尊重以下规则,所以它总是适合视口:max-height: 100vh; max-width: 100vw; backg
浏览 2
提问于2021-07-12
得票数 1
回答已采纳
1
回答
我想在iframe中显示
svg
,并显示一个滚动条,让用户在chrome/ie8中平移图像
html
、
xhtml
、
iframe
、
svg
、
google-chrome
html:svgfile.
svg
:这不会在chrome/IE8中
浏览 2
提问于2010-02-27
得票数 1
1
回答
web上的
SVG
缩放
html
、
css
、
svg
、
web
我一直在学习
SVG
,这就是我目前拥有的:<
svg
width="100%" height="100%"></
svg
&g
浏览 3
提问于2014-06-18
得票数 0
回答已采纳
3
回答
带掩模的全宽图像
html
、
css
、
image
、
svg
、
responsive-design
在那个图片的顶部,我有一个
SVG
面具,我有这个,所以我在标题的底部有一个像画一样的样子。问题是,我的图像没有
缩放
以
适应
宽度。这就是我想要的:到目前为止,这就是我所取得的成就(图像是不同的,但这并不重要:这就是为什么我需要刷子: 我
使用
的代码: <div class="cover"><
svg
width="100%" height="100%" baseProfile="f
浏览 2
提问于2015-09-21
得票数 2
回答已采纳
5
回答
SVG
:固定字体大小
html
、
css
、
svg
我有一个与html代码内联的
SVG
。它的
缩放
,
以
适应
宽度与保持高宽比。是否有一种方法可以将字体大小固定到可以通过媒体查询控制的视口?编辑:问题是,当我在宽度范围内设置固定的字体大小时,字体会相对于
svg
大小进行调整。 font-size: 14px; #
svg
-container
svg
text
浏览 4
提问于2017-04-25
得票数 10
回答已采纳
1
回答
如何制作没有
viewbox
属性的
SVG
缩放
?
javascript
、
html
、
css
、
reactjs
、
svg
我正在尝试扩展一个ReactJS组件,使其能够扩展
以
适应
其父div容器。该组件返回一个具有多个子级的元素。react组件的API只允许我设置
svg
元素的CSS样式。我没有办法给
svg
元素一个
viewbox
属性。供参考的react组件:
浏览 1
提问于2018-03-27
得票数 2
2
回答
如何为响应式web设计准备Inkscape
SVG
文件?
css
、
svg
、
responsive-design
、
inkscape
在本教程中的这一点上,我们被要求将图像转换为
svg
,以便它可以完全响应
缩放
。 xmlns:
浏览 59
提问于2013-11-20
得票数 24
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS基础(九)-viewBox(svg
前端福音:为什么使用React和SVG开发图形UI是天作之合?
SVG 图像入门教程
CSS文字特效-裂开吧
交互式原型设计神器:Axure RP 9 for Mac
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券