Question

我将一些SVG元素组合在一个<g>元素中（完全是条形码1D，PHP生成条形码）。

  <g
 style="fill:#000000;stroke:none"
 id="barcode1D"
 transform="matrix(1.2083333,0,0,0.8247805,62.027778,573.54235)">
<rect
   x="0"
   y="0"
   width="4"
   height="30"
   id="xyz" />

...

    <rect
   x="224"
   y="0"
   width="0"
   height="30"
   id="xyzn" /> </g>

条形码以各种宽度，长度生成。如何永久设置宽度？

基于这个例子，我要求提示。感谢您的帮助。

Answer 1

SVG g element does not have width and height attributes。因此，您可以为其设置height和width。

您应该使用foreignObject内置svg来执行此操作。

＆＃13;

<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
  <foreignObject id="G" width="300" height="200">
    <svg>
     <!-- Barcode here -->
     <rect fill="black" stroke-width="2" height="112" width="84" y="55" x="55" stroke="#000000"/>
     <circle fill="#FF0000" stroke="#000000" stroke-width="5"  cx="155" cy="65" id="svg_7" r="50"/>     
    </svg>
  </foreignObject>
</svg>

＆＃13;

SVG如何设置组的最大宽度

1 个答案: