javascriptでSNSの画像付きシェアボタンについて教えていただける方を募集します

Twitter、facebookで画像付きのシェアボタンの作り方を教えていただきたいです。

現在WebAPP上で積み上げグラフと文字を表示するエリアができているのですが、

積み上げグラフ＋文字エリアの範囲をスクリーンショット
→その画像を各ユーザーが投稿

のような機能を考えております。



サンプルサイト
https://miraiteki.life/develop/2019/tiwtter-share-button-with-image-attachment/

PHPで書かれているのですが、javascriptで実装したいです。
今回Webアプリを作っているのですが、javascriptの勉強のため、フロント部分はjavascriptのみを使っており、JQueryやvue.jsの導入は考えておりません。

よろしくお願いいたします。