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>
    

      

  • 相关阅读:
    【Tomcat】export: `xxx': 不是有效的标识符
    【Linux】查看程序是否正常运行
    【Linux】bat文件如何执行
    【oracle】截取字符串
    【java异常】Expected one result (or null) to be returned by selectOne(), but found: 63
    【java异常】定时任务异常ERROR 20604 --- [ scheduling-1] o.s.s.s.TaskUtils$LoggingErrorHandler : Unexpected error occurred in scheduled task
    【oracle】ORA-12638
    【java异常】Unable to install breakpoint in
    【oracle】处理锁表
    20180318 代码错题(4)
  • 原文地址:https://www.cnblogs.com/zhaiyf/p/7928246.html
Copyright © 2011-2022 走看看