代码之家 › 专栏 › 技术社区 › KIC

Svg视图框和preserveAspectRatio的操作与预期不符

viewbox svg

-1

KIC · 技术社区 · 11 年前

我正在查看以下svg http://pastebin.com/pNdNEQ6z 在我的Firefox和chome中。

有人能告诉我为什么这两张图在y的中间,而不是从顶部开始吗?如果将视图框更改为“0 200 650 800”,则一切正常。为什么是200?我玩过preserveAspectRatio=“xMidYMin”,但这并没有起到任何作用。

在一天结束时,我想从顶部开始显示两个完全可见的图表?我想理解为什么它现在不这么做:-)

1 回复 | 直到 11 年前

Phrogz 11 年前

你的问题是,你的第一个嵌入有一个拼写错误 <svg> 元素(你有 hight="400" 而不是 height="400" )并且没有使用 â¦YMin 外部对齐。

修复,它看起来是这样的:

<svg â¦ preserveAspectRatio="xMidYMin">
  <svg â¦ height="400">

演示: http://jsfiddle.net/WAVZj/

推荐文章

Aaron · 使用feTurbulence SVG标记模拟Musgrave纹理动画

1 年前

Michael Lynch · 如何使用包来构建导入SVG的React组件库?

1 年前

Chris Barr · 为什么带有<defs>的SVG在转换为<symbol>时会丢失渐变?

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

JohnB · 将<svg>资源放在</body>之后合法吗?

2 年前

Hashim Aziz · 为什么使用SVG Core设置FontAwesome在默认情况下会禁用这些选项?

2 年前

Sougata Mukherjee · 如何同时悬停svg和文本

2 年前

Basj · 即使距离为3像素,也能检测到SVG线上的点击

2 年前

jana · 在带有javascript的svg中的锚点中插入rect元素不起作用

2 年前

Developer · 如何在SVG图例中将文本悬停在rect或legendcells上

2 年前