这是一个简单的Svg代码,它在矩形上应用裁剪。
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden" width="857.4125003814698" height="602" style="width: 857.41250038147px; height: 602px;">
<defs>
<rect height="57.7181" r="0" width="140.94" x="0.000168282" y="93.2886" id="SVG_Shape1"></rect>
<clipPath id="gfx_clip1">
<use overflow="visible" xlink:href="#SVG_Shape1">
</use>
</clipPath>
<rect height="51.0067" r="0" width="89.2617" x="62.4163" y="80.5369" id="SVG_Shape2"></rect>
<clipPath id="gfx_clip2" clip-path="url(#gfx_clip1)">
<use overflow="visible" xlink:href="#SVG_Shape2"></use>
</clipPath>
</defs>
<g transform="matrix(0.50000000,0.00000000,0.00000000,0.50000000,0.00000000,0.00000000)">
<g clip-path="url(#gfx_clip2)">
<rect fill="rgb(0, 113, 188)" fill-opacity="1" stroke="rgb(0, 0, 0)" stroke-opacity="1" stroke-width="1" x="7.7183" y="0.00000104008" width="117.45" height="206.711" ry="0" rx="0" stroke-dasharray="none" dojoGfxStrokeStyle="solid" fill-rule="evenodd"></rect>
</g>
</g>
</svg>
此代码在保存在svg文件中时单独工作。但是当嵌入到网站的svg中时,代码不起作用。我犯的错误是什么?