当前位置: 首页 > 知识库问答 >
问题:

如何使用viewBox属性?

巫马昆杰
2023-03-14

我是从svg的官方文档中学习的,有这样一行。我不明白,如果它已经有宽度高度属性,在viewbox=“0 0 150 0 1000”中再次指定它有什么意义?上面说“一个px单位定义为等于一个用户单位,所以”5px“的长度和官方文件中的”5“的长度是一样的,所以这个viewBox是一个1500px宽、1000高的视图,超过了300px和200px。那么它为什么首先要定义宽度和高度值呢?

 <svg width="300px" height="200px" version="1.1"
         viewBox="0 0 1500 1000" preserveAspectRatio="none"
         xmlns="http://www.w3.org/2000/svg">

共有1个答案

单于飞鸣
2023-03-14

宽度和高度是 的大小。viewBox控制其内容的显示方式,因此viewBox=“0 0 150 0 100”将 元素的内容缩放为5倍(1500/300=5和1000/200=5),并且内容的大小将是没有viewBox但没有 时的1/5

想象你有一个弹性表面,把它切成4个相等的块。如果你扔掉3块,你得到的曲面只有原来曲面的1/4大小。如果你现在拉伸曲面,使其与原始曲面相同大小,那么曲面上的所有东西都将是原来的两倍大小。这就是viewBox和width/height之间的关系。

 类似资料:
  • 安装 import { ViewBox } from 'vux' export default { components: { ViewBox } } // 在入口文件全局引入 import Vue from 'vue' import { ViewBox } from 'vux' Vue.component('view-box', ViewBox) 该组件为100%高布局,

  • SVG VIEWBOX viewport 首先来了解下SVG中的viewport这个概念,简单来说viewbox就是值指SVG图片本身可视区域的大小,除了SVG本身,其它一些元素也有可视区域的限制,比如symbol、image、pattern等。 在SVG中viewport主要是通过width和height属性来定义的。比如,我们定义一个width="600"和height="600"就表示我们定

  • (对象SVG和img SVG不能为我的目的工作。它必须是内联的。解决方案不必是CSS...JavaScript绝对是一个可以接受的解决方案。)

  • 问题内容: 我有一个配置值的键/值对列表,我想将它们存储为Java属性文件,并在以后加载和迭代。 问题: 我是否需要将文件存储在与将要加载它们的类相同的程序包中,或者应该将其放置在任何特定位置? 该文件是否需要以任何特定的扩展名结尾还是.txt可以的? 如何在代码中加载文件 我如何遍历其中的值? 问题答案: 你可以将InputStream传递给Property,因此你的文件几乎可以在任何地方,并且

  • 问题内容: 我在访问SimpleXML对象的部分时遇到问题。当我整个对象时,我得到正确的输出,而当我其余对象(嵌套标签)时,我得到正确的输出,但是当我遵循docs和时 ,我得到一个空对象,尽管事实是第一个清楚地表明,存在要输出的属性。 任何人都知道我在这里做错了/如何进行这项工作? 问题答案: 您可以通过在XML节点上调用attribute()函数来获取XML元素的属性。然后,您可以var_dum

  • 问题内容: 这段代码返回一个错误:AttributeError:无法设置属性这真的很遗憾,因为我想使用属性而不是调用方法。有谁知道为什么这个简单的例子不起作用? 问题答案: 这是你想要的吗? 取自http://docs.python.org/library/functions.html#property。