Question

我想在svg中放一个excel图像。以下是示例图像。我想替换innerHtml，其中cssClass名称是图表按钮与excel图像。任何人都可以帮助我，因为我是HTML 5的新手。我想用Jquery来做。

<svg height="330" width="720" xmlns="http://www.w3.org/2000/svg" style="font-family:san-serif, Arial;font-size:12px;" version="1.1">
    <g transform="translate(686,10)" stroke-linecap="round" style="cursor:default;" class="charts-button">
      <title>Chart context menu</title>
      <rect ry="2" rx="2" stroke-width="1" stroke="none" fill="white" strokeWidth="1" height="22" width="24" y="0.5" x="0.5"></rect>
      <path zIndex="1" stroke-width="3" stroke="#666" d="M 6 6.5 L 20 6.5 M 6 11.5 L 20 11.5 M 6 16.5 L 20 16.5" fill="#E0E0E0"></path>
      <text y="13" style="color:black;fill:black;" zIndex="1" x="0"></text>
    </g>

Answer 1

要嵌入Excel图表，您需要：

a）将其导出为位图图像，然后使用SVG <image>元素包含它，或

b）将图表导出为HTML并使用SVG <foreignObject>标记将其包含在内。

您可以通过阅读SVG specification，或在此网站或网络上的其他位置搜索示例来详细了解这些标记。

使用jQuery操作SVG充满了困难。它实际上只是用于HTML。在操作SVG元素时，它经常会做错事。您可能最好使用一个专为SVG操作设计的JS库，例如Snap，D3或Raphael。

如何在Svg中放置一个excel图像

1 个答案: