允许用户将简单形状(矩形)复制到剪贴板(ctrl+C很好)

Question

用小矩形绘制非常简单的表格，作为简单条形图的图标：

http://jsfiddle.net/AbTX9/1/

希望允许用户将表复制到剪贴板(例如，文档、电子表格)，并同时使用数字，如果可能的话，还可以复制矩形。

我喜欢自然选择复制粘贴对表中的数字很好地工作，智能地将它们复制到Excel、PPT、Word等作为HTML和记事本/TextEdit作为纯文本。

，但是可能有一种方法来复制这些条形图，呢？我在心理上把它想象成一个HTML表格，看起来有点像这样，或者放在相应的单元格中的一个形状的Excel中。我试了三种方法：

• Div：<div style="width: 100px; height: 10px; background-color:#AAA;"></div>
• Img：<img src="http://www.moneteam.com/images/BlueRectangle.jpg" height="12px" width="100px"/>
• SVG：<rect x=80 y=10 width=100 height=12 fill="#A44"/>

使用Div和Img，数字复制得很好，就像表一样，而不是条形。再次使用SVG复制数字，但只复制一行数字。

主要是寻找一个可能可行的方法的提示，而不是期待有人为我编程。如果不可能这样做，那也是很好的了解。

与我能找到的大多数线程不同，ctrl+C/cmd+C很好，它不需要以编程方式放在剪贴板上。如果它不能在最后一个浏览器上运行，那也可以。

Answer 1

你可以试试这个..。

    <h1>Table with bars</h1>
<table style="width:250px; background-color: #EEE;">
<tr><td width="49">apples</td>
    <td colspan="4" bgcolor="#FF0000"></td>
    <td width="21"></td>
    <td width="41">100</td>
    </tr>
<tr><td>bananas</td>
    <td colspan="3" bgcolor="#FF0000"></td>
    <td width="31"></td>
    <td></td>
    <td>60</td></tr>
<tr><td>cherries</td>
    <td width="27" bgcolor="#FF0000">&nbsp;</td>
    <td width="24">&nbsp;</td>
    <td width="25">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>36</td>
  </tr>
<tr><td>dates</td>
    <td colspan="3" bgcolor="#FF0000">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>20</td>
  </tr>
</table>

可以尝试应用一些css属性使其美观:)