如何将SVG viewBox的width / height设置为子元素的最大x / y值

汤姆

我正在用Python动态生成SVG内容,这些内容将显示在浏览器中。我可以使用preserveAspectRatio和硬编码的viewBox值来完美地调整大小

<ns0:svg xmlns:ns0="http://www.w3.org/2000/svg" class="svg-content"
height="200px" preserveAspectRatio="xMidyMid meet"
version="1.1" viewBox="0,0,3500,3500" width="200px" x="0px" y="0px">

但是子元素有时会动态地放置在(3500,3500)之后。viewBox可以像

viewBox="0,0,auto,auto" # (set to include all child elements)

还是我必须使用Javascript或Python处理这些值?

保罗·勒博

您必须以编程方式对其进行操作。viewBox没有“自动”设置。

但是,由于听起来您知道要添加的对象的位置和大小,因此应该很容易跟踪最小和最大X和Y坐标,因此您可以得出minX,maxX,width和height的值viewBox。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将UInt32设置为其最大值

来自分类Dev

如何将值从表X的A列插入表Y的B列-并对其进行随机排序

来自分类Dev

如何设置ViewBox背景?

来自分类Dev

如何将List <X>转换为Dictionary <X,Y>用空值填充值?

来自分类Dev

XSL转换-如何将属性值设置为元素值

来自分类Dev

如何解析SVG元素的viewBox x,y,宽度和高度值?

来自分类Dev

如何将父参数的值设置为子方法?

来自分类Dev

如何使用react-native-svg为width,height和viewBox找到正确的值

来自分类Dev

通过viewBox值移动事件SVG

来自分类Dev

隐藏或将y值设置为0

来自分类Dev

如何使用viewBox属性将SVG正确嵌入img元素中?

来自分类Dev

如何将<svg>元素与文本对齐?

来自分类Dev

将主要的最大和最小Y值设置为等于Excel中图形上相应的次要Y值?

来自分类Dev

如何将Width继承给子元素

来自分类Dev

如何将分辨率设置为高于显示的最大值?

来自分类Dev

如何将数组中的值分配给(x,y)点

来自分类Dev

如何将元素的背景色设置为该元素的类名的值?

来自分类Dev

如何解析SVG元素的viewBox x,y,宽度和高度值?

来自分类Dev

如何在用JavaScript创建的SVG元素上设置viewBox?

来自分类Dev

matplotlib-如何将y轴比例调整为更合适的值?

来自分类Dev

调整 Viewbox 以包含 svg 元素

来自分类Dev

如何将灰度图像中的轮廓值设置为该轮廓的最大值?

来自分类Dev

如何将点A(x,y2)处的点A(x,y)的像素设置为1?

来自分类Dev

如何将数组值设置为“;” 分离值

来自分类Dev

如何将值列设置为值行?

来自分类Dev

Matlab App 设计器如何将 UIAxes 调整为与图像相同的大小并手动设置 y&x 轴值

来自分类Dev

如何将 x 和 y 限制设置为相同的值?

来自分类Dev

如何将 numpy x 和 y 值附加到文本文件中

来自分类Dev

如何在 D3 Js 中将 y 轴(yDomain)值设置为最大值

Related 相关文章

  1. 1

    如何将UInt32设置为其最大值

  2. 2

    如何将值从表X的A列插入表Y的B列-并对其进行随机排序

  3. 3

    如何设置ViewBox背景?

  4. 4

    如何将List <X>转换为Dictionary <X,Y>用空值填充值?

  5. 5

    XSL转换-如何将属性值设置为元素值

  6. 6

    如何解析SVG元素的viewBox x,y,宽度和高度值?

  7. 7

    如何将父参数的值设置为子方法?

  8. 8

    如何使用react-native-svg为width,height和viewBox找到正确的值

  9. 9

    通过viewBox值移动事件SVG

  10. 10

    隐藏或将y值设置为0

  11. 11

    如何使用viewBox属性将SVG正确嵌入img元素中?

  12. 12

    如何将<svg>元素与文本对齐?

  13. 13

    将主要的最大和最小Y值设置为等于Excel中图形上相应的次要Y值?

  14. 14

    如何将Width继承给子元素

  15. 15

    如何将分辨率设置为高于显示的最大值?

  16. 16

    如何将数组中的值分配给(x,y)点

  17. 17

    如何将元素的背景色设置为该元素的类名的值?

  18. 18

    如何解析SVG元素的viewBox x,y,宽度和高度值?

  19. 19

    如何在用JavaScript创建的SVG元素上设置viewBox?

  20. 20

    matplotlib-如何将y轴比例调整为更合适的值?

  21. 21

    调整 Viewbox 以包含 svg 元素

  22. 22

    如何将灰度图像中的轮廓值设置为该轮廓的最大值?

  23. 23

    如何将点A(x,y2)处的点A(x,y)的像素设置为1?

  24. 24

    如何将数组值设置为“;” 分离值

  25. 25

    如何将值列设置为值行?

  26. 26

    Matlab App 设计器如何将 UIAxes 调整为与图像相同的大小并手动设置 y&x 轴值

  27. 27

    如何将 x 和 y 限制设置为相同的值?

  28. 28

    如何将 numpy x 和 y 值附加到文本文件中

  29. 29

    如何在 D3 Js 中将 y 轴(yDomain)值设置为最大值

热门标签

归档