私はフロントエンドプログラミングには初めてです。のhtml出力をイメージまたはPDF形式でダウンロード/エクスポートする必要があります。html出力を画像としてダウンロード
私はこのコードを持っているとしましょう:今、私が欲しいもの
:
<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を見つけました。テーブルは完璧ですが、このシナリオではどのように使用するのか分かりません。
ご協力いただければ幸いです。
あなたが最初に試したことと、あなたが立ち往生しているところを示してください。 – Rex
@BilalZafarあなたは私の答えを試しましたか? –