2017-03-06 26 views
-1

私はフロントエンドプログラミングには初めてです。のhtml出力をイメージまたはPDF形式でダウンロード/エクスポートする必要があります。html出力を画像としてダウンロード

私はこのコードを持っているとしましょう:今、私が欲しいもの

enter image description here

<div class="col-md-6"> 
    <h3>Front Side</h3> 
     <div class="studentcard-frontside"> 
      <img src="https://dummyimage.com/100x100/000/fff" class="img-responsive"/> 
      <div class="student-detail"> 
       <p>Student Name: <span>Bilal Zafar</span></p> 
       <p>Father Name: <span>Zafarullah Khan</span></p> 
       <p>Date of Birth: <span>9th March, 1991</span></p> 
       <p>Address: <span>House # 12, Street # 43, Islamabad</span></p> 
       <p>If Found, <span>Please call +92-333-152</span></p> 
      </div> 
     </div> 
</div> 

をし、以下に示すように、このdiv要素のいくつかのスタイリングした後、それは学生のIDカードのように見えます、私はイメージとPDFとして2つのボタンをダウンロードし、この特定のカードを印刷する必要があります。 このhtml出力をイメージとPDFに変換する方法はありますか?

Googleと私はdataTables jqueryを見つけました。テーブルは完璧ですが、このシナリオではどのように使用するのか分かりません。

ご協力いただければ幸いです。

+0

あなたが最初に試したことと、あなたが立ち往生しているところを示してください。 – Rex

+0

@BilalZafarあなたは私の答えを試しましたか? –

答えて

関連する問題