zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    Android 判断现在系统存储器是“手机存储”还是“SD存储”
    Android中Is library配置的作用
    [已解决]报错: Could not install packages due to an EnvironmentError: [Errno 13] Permission denied: '/Users/mac/Ana
    [未解决]报错:ssh_exchange_identification: read: Connection reset by peer
    Python快速设置Excel表格边框
    Python字典排序
    Scrapy框架: Request回调函数
    Scrapy框架: 异常错误处理
    Scrapy框架: 通用爬虫之SitemapSpider
    Scrapy框架: 通用爬虫之CSVFeedSpider
  • 原文地址:https://www.cnblogs.com/zhaiyf/p/7928246.html
Copyright © 2011-2022 走看看