腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
在
嵌套
SVG
中
使用
viewbox
实现
缩放
svg
、
svg.js
我的任务是
在
基于
SVG
的自定义图表
中
实现
缩放
。
在
我有一个<
svg
>元素之前。我研究了
使用
transform或
viewbox
方法,并决定
使用
viewbox
方法。我想出了一个解决方案,将图表拆分成3个
嵌套
的
svg
。结构看起来像这样: <
svg
> // Container
SVG
&l
浏览 68
提问于2021-07-23
得票数 1
1
回答
SVG
组的响应间隔?
css
、
svg
、
responsive
、
responsive-images
我有一个从Adobe导出的
SVG
,它是一个由五个“卡片”组成的集合,显示一些人的面孔以特定的模式排列。下面是代码的结构: <
svg
xmlns="http://www.w3.org/2000/
svg
" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="430"
viewBox
=&quo
浏览 1
提问于2020-06-21
得票数 0
回答已采纳
2
回答
为什么元素会出现在
嵌套
的
svg
元素的
viewbox
之外?
svg
在此示例
中
:<
svg
xmlns="http://www.w3.org/2000/
svg
" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs"
viewBox
="0 0 400 4
浏览 2
提问于2020-07-09
得票数 0
4
回答
是否有可用于调整
SVG
大小的脚本?
scripting
、
matrix
、
svg
有没有一种方法可以将.
SVG
从当前的大小(几千像素)重新
缩放
到更小的大小?我尝试过ImageMagick,但是它对
SVG
渐变的支持太弱了,没有用。这样做的目的是为了解决渲染库
中
的一个错误,该错误有时会导致具有较大像素大小的
svg
分配较大的栅格(
在
最终平滑地重新
缩放
以进行实际显示之前)。<?="http://www.w3.org/2000/
浏览 0
提问于2009-07-07
得票数 2
2
回答
在
多个
SVG
元素
中
管理相同的字体大小
html
、
css
、
reactjs
、
svg
我正在
使用
创建一个应用程序。为了创建自定义节点,我
使用
了
SVG
。一个基本的自定义节点react组件如下所示,它将呈现在类似画布的区域中。="none" height="100%" <polygon </div>
在
Diamond节点中,定
浏览 35
提问于2019-10-21
得票数 0
1
回答
<use>ing的正确方式是什么?
html
、
css
、
svg
我对<
svg
>规范感到非常困惑,因为它与<use>标签有关,因为我在网上读到的所有关于它的东西似乎都
实现
了带有细微差别的标签。在上,<
svg
>
在
<symbol>
中
添加了一个
viewBox
<defs> <symbol id="basketball"
viewBox
,<
浏览 1
提问于2017-12-07
得票数 3
2
回答
如何
使用
embed
缩放
和平移嵌入到XHTML页面
中
的
SVG
文档
javascript
、
svg
、
raphael
、
vector-graphics
您好,我正在开发从栅格到矢量的地图但是我如何
使用
这个库来放大和平移地图呢?我
使用
的是充分的SDK,因为拉斐尔转换从
SVG
到拉斐尔不是很好的工作方式。
浏览 1
提问于2011-05-15
得票数 2
回答已采纳
1
回答
SVG
中
的文本元素尽管有固定的值,但其位置却是完美的。
javascript
、
jquery
、
html
、
css
、
svg
所以当我有下面的css时: max-width: 400px;尽管有175和35的常量值,50%的位置仍然
在
相同的位置,如果我像这样更改CSS: max-width
浏览 2
提问于2016-03-23
得票数 0
1
回答
放大折线图中的特定区域(
使用
d3和svelte)
javascript
、
svg
、
d3.js
、
svelte
我正在尝试
使用
viewBox
放大折线图的某些部分。我设法让它工作,然而,不确定如何处理每个东西都相应地扩展的事实(线路径也变得更大)。此外,不确定如何使此行为更自动化。例如,我放大了一个介于2010年和2011年之间的范围。目前,我手动指定y值。但理想情况下,这应该在
使用
yScale函数中指定。下面是我的回复:
浏览 0
提问于2021-06-16
得票数 1
5
回答
SVG
:固定字体大小
html
、
css
、
svg
我有一个与html代码内联的
SVG
。它的
缩放
,以适应宽度与保持高宽比。是否有一种方法可以将字体大小固定到可以通过媒体查询控制的视口?编辑:问题是,当我
在
宽度范围内设置固定的字体大小时,字体会相对于
svg
大小进行调整。 font-size: 14px; #
svg
-container
svg
text tspan {
浏览 4
提问于2017-04-25
得票数 10
回答已采纳
1
回答
基于容器元素的AngularJS指令
中
的
SVG
自动调整
javascript
、
css
、
angularjs
、
svg
、
cross-browser
我
在
一个动态大小的元素中放置一个角指令。指令本身由一个
SVG
组成,
SVG
是根据元素大小计算的。我试图使
SVG
自动调整大小和重新绘制基于容器的大小。</
svg
> 注意
SVG
元素上的style属性。
在
Chrome
中
,这种调整是正确的,但在Firefox
中
却不能工作。另外,我仍然没有重新计算
SVG
内容的钩子。我还尝试将onresize处理程序添加到link函数
中
的element<em
浏览 4
提问于2014-08-05
得票数 2
回答已采纳
1
回答
如何
使用
SVG
对基于容器的文本和
缩放
字体大小进行居中处理?
svg
对于一个响应性网站,我试图用
SVG
对文本进行居中并
缩放
其字体大小,这样我就不需要
使用
JavaScript进行任何计算了。我的第一个问题是,我尝试
在
x="50%"和y="50%"中
使用
text-anchor="middle"和alignment-baseline="central",但是这在Chrome中有效,
在
IE、Edge我如何在没有固定高度的情况下,在这些浏览器
中
垂直地对文本进行居中?
浏览 2
提问于2017-08-27
得票数 3
回答已采纳
1
回答
svg
viewBox
的最后两个数字是用来做什么的?如果是为了放大效果,为什么不
使用
一个数字呢?
svg
、
viewbox
我很难理解
svg
的
viewbox
="0 0 100 100"的第三和第四个数字是如何控制“
缩放
”的。到目前为止,
在
我从互联网上看到的所有教程
中
,所有的例子都说明了(
svg
-viewport-width/
svg
-
viewbox
-3rd-number) == (
svg
-viewport-height/
svg
-
viewbox
我的问题是我不知道如何预测(
svg
浏览 2
提问于2019-11-10
得票数 1
回答已采纳
1
回答
使用
viewBox
缩放
SVG
(
在
Dart
中
)不起作用
svg
、
dart
、
viewbox
、
dart-html
最近,我开始与Google (www.dartlang.org)合作,并与
SVG
合作。我正在尝试
使用
<div>扩展生成的
SVG
以适应
viewBox
。我现在能够像这样
缩放
路径: // get bounding box
浏览 2
提问于2013-12-30
得票数 3
回答已采纳
1
回答
SVG
Zoom Performace
在
移动设备上
使用
javascript的问题
javascript
、
svg
我目前正在尝试
在
pdf页面上
实现
缩放
,这是一个
svg
格式。诚挚的问候
浏览 1
提问于2012-07-31
得票数 1
1
回答
使用
文本
缩放
svg
以适应
viewBox
svg
、
scale
因此,很容易使
viewBox
变得太小,然后文本
在
viewBox
之外消失。但是,如果
viewBox
太大,那么还会有大量额外的空格进行
缩放
。有没有一种方法可以
缩放
viewBox
或
svg
内容以适应它?我知道preserveAspectRatio可以将
viewBox
缩放
到
svg
的宽度和高度,但我问的是如何
缩放
以适合
viewBox
。 更一般地说,如何确定文本的
vie
浏览 23
提问于2019-06-14
得票数 0
回答已采纳
1
回答
SVG
fontSize foreignObject到底是如何工作的?
css
、
svg
、
font-size
、
foreignobject
对于
SVG
,我尝试
使用
foreignObject
在
SVG
中放置一个自定义的HTML组件,我对fontSize感到非常困惑。以下是我的当前代码:<div style="width: 100%"> <foreignObjectfont-size: 10px; color: rgb(135, 1
浏览 10
提问于2022-08-21
得票数 0
1
回答
SVG
在
WebKit和火狐
中
的位置不同
css
、
firefox
、
svg
、
webkit
我正在进行网站重新设计,并
使用
SVG
渲染设计
中
的一些图形。由于某些原因,与火狐相比,
SVG
在
WebKit浏览器窗口中的移动速度约为31 to。屏幕截图: 以下是代码: <
svg
version="1.1" id="shape1" xmlns="http://www.w3.org/2000/
svg
" xmlns:xlink="http:/&
浏览 4
提问于2014-05-07
得票数 3
回答已采纳
1
回答
SVG
ViewBox
中断
缩放
功能
javascript
、
jquery
、
svg
、
zooming
我正在做一个
svg
平面布局,用户应该能够放大和缩小。Codepen 1 唯一的区别在于开始的
svg</em
浏览 1
提问于2018-05-27
得票数 1
3
回答
使用
Hammer.js
缩放
SVG
javascript
、
jquery
、
svg
、
hammer.js
我正在编写一个
使用
SVG
显示信息的跨平台web应用程序。我需要有一个多点触摸界面来平移和
缩放
SVG
图形。从我的研究来看,Hammer.js似乎是我最好的方法,而且我
使用
的是jQuery库版本。我可以
使用
SVG
的
viewBox
属性平移和
缩放
图像。我遇到的问题是
在
收缩
缩放
时
使用
中心点信息(而不是从左上角
缩放
)。那个中心点,
在
我的图像
中</em
浏览 1
提问于2013-08-16
得票数 4
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS基础(九)-viewBox(svg
前端福音:为什么使用React和SVG开发图形UI是天作之合?
SVG实现可爱的动物哈士奇和狐狸
CSS3 SVG实现可爱的动物哈士奇和狐狸动画
SVG 图像入门教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券