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>
    

      

  • 相关阅读:
    python学习:两个py文件间的函数调用
    python学习:基础概念
    python学习:Windows 下 Python easy_install 的安装
    Python学习:python网址收集
    Nginx模块之Nginx-Ts-Module学习笔记(一)抢险体验
    PHP 文件加密Zend Guard Loader 学习和使用(如何安装ioncube扩展对PHP代码加密)
    OpenResty 扩展库(二)lua-resty-template
    Github 开源项目(二) jsmpeg-vnc
    info replication
    linux下编译make文件报错“/bin/bash^M: 坏的解释器,使用grep快速定位代码位置
  • 原文地址:https://www.cnblogs.com/zhaiyf/p/7928246.html
Copyright © 2011-2022 走看看