他の画像と一緒にキャンバスにHTMLテーブルを追加する方法

<canvas width="1050" height="1200" id="canvas1">Sorry, no canvas available</canvas>// 

<table id="qwerty"> 
<tr> 
<td>Apple</td> 
<td>Mango</td> 
</tr> 
<tr> 
<td>Orange</td> 
<td>Grape</td> 
</tr> 
</table> 



<script> 
var canvas = document.getElementById("canvas1") 
var ctx = canvas.getContext("2d"); 
ctx.drawImage(img1,0,0); 
</script>

私は、HTMLテーブルとそれに描画されたキャンバスを持っています。このキャンバスに同じテーブルを追加する必要があります他の画像と一緒にキャンバスにHTMLテーブルを追加する方法

出典

2016-12-19 Chandu

これを参照してください - http://stackoverflow.com/questions/13903952/can-i-draw-a-table-in-canvas-element –

@RubenKarapetyanありがとう、私はこのxmlns = 'http： svgタグの//www.w3.org/2000/svg – Chandu

簡単で信頼性の高い方法はありません。私はこれをお勧めします：http://html2canvas.hertzen.com/ @RubenKarapetyanリンクに記載されているハックは、EdgeとFirefox以外のすべてのブラウザでキャンバスが汚れてしまいますので、プログラムで保存することはできません。あなたは何ですか） – Kaiido

position = relativeのコンテナを作成し、そのキャンバスとテーブルをposition = absoluteのコンテナに配置すると、2つのレイヤーを持つことができます。

私はグラフィカルに描画しない限り、キャンバスにテーブルを置くことはできないと思います。

出典

2016-12-19 07:03:24 phonglk

私はコンテナを作ることができましたが、私は画像とテーブルを使ってキャンバスをダウンロードする必要があります – Chandu

他の画像と一緒にキャンバスにHTMLテーブルを追加する方法

答えて

関連する問題