• SVG中嵌入HTML元素


    <?xml version="1.0" standalone="yes"?>   
    <style>
        .clsfont{
        border:1px solid #ccc;background:#fff;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微软雅黑;font-size:16px
        }
        .clsheader{
        background-color:#f0a3bf;line-height:37px;color:#999;font-size:14px;text-align:center;font-family:微软雅黑;font-size:16px;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #fff
        }
    </style>   
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%">
      <foreignobject x="0" y="0" width="415" height="203">
        <body xmlns="http://www.w3.org/1999/xhtml">
          <table  border="0" cellpadding="0" cellspacing="0"  width="415">
        <tr>
          <td width="8" style="border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:0"> </td>
          <td width="18%"  scope="col" class="clsfont"> </td>
          <td width="22%"  scope="col" class="clsfont"><strong>数量</strong></td>
          <td width="22%"  scope="col" class="clsfont"><strong>占比</strong></td>
          <td width="36%"  scope="col" class="clsfont"><strong>环比上升(下降)</strong></td>
        </tr>
        <tr>
          <th scope="row" class="clsheader"> </th>
          <td  scope="row" class="clsfont"><strong>分类 </strong></td>
          <td class="clsfont">44</td>
          <td class="clsfont">11%</td>
          <td class="clsfont"><span class="up"></span>11%</td>
        </tr>
        <tr>
          <th  scope="row"  class="clsheader"> </th>
          <td  scope="row" class="clsfont"><strong>论坛 </strong></td>
          <td class="clsfont">44</td>
          <td class="clsfont">11%</td>
          <td class="clsfont"><span class="down"></span>11%</td>
        </tr>
        <tr>
          <th scope="row"class="clsheader"> </th>
          <td  scope="row" class="clsfont"><strong>博客 </strong></td>
          <td class="clsfont">44</td>
          <td class="clsfont">11%</td>
          <td class="clsfont"><span class="down"></span>11%</td>
        </tr>
        <tr>
          <th scope="row"  class="clsheader"> </th>
          <td  scope="row" class="clsfont"><strong>微博 </strong></td>
          <td class="clsfont">44</td>
          <td class="clsfont">11%</td>
          <td class="clsfont"><span class="down"></span>11%</td>
        </tr>  
      </table>
        </body>
      </foreignobject>
    </svg>
    

      

  • 相关阅读:
    linux中bin和sbin目录的主要区别
    C# 值类型 引用类型 作为参数传递区别
    绿色免安装电视直播软件viviplayer
    [转]中科大校长建议停止以行政主导的高校评估
    MDS 7.0 使用中的问题 2(数据交换中图元的丢失)
    怪异的慢递公司一统快递
    [转]全国最好的医院列表
    多普达D600 问题集锦
    推荐PDG阅读器UnicornViewer
    [转]《乒乓世界》封面故事:中国男乒直板三人行
  • 原文地址:https://www.cnblogs.com/zhaiyf/p/7928246.html
Copyright © 2020-2023  润新知