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>
    

      

  • 相关阅读:
    JS 笔记
    html笔记 横向两列布局
    jsp HTTP Status 405
    有效范围为request的bean
    jsp:session对象存储数据
    sql笔记
    StringBuffer的用法
    VB学习笔记
    html 笔记
    Linux 笔记
  • 原文地址:https://www.cnblogs.com/zhaiyf/p/7928246.html
Copyright © 2011-2022 走看看