縦書きジェネレーターを作りました。

二番煎じ感が強い縦書きジェネレーターですが、作ってみました。

飽きたら削除するかもです。

使用した言語等はJavaScript、php、Sqlite3、html、cssになります。
※html2canvasというライブラリを使っています。これがあったので短時間で創ることが
出来ました。ありがとうございます。

ソースコードの一部を抜粋します（下記になります）。

document.getElementById("tategaki-input").addEventListener("input", function (e) {
    document.getElementById("tategaki").innerText = this.value;
});
document.getElementById("btn").addEventListener("click", function (e) {
    html2canvas(document.getElementById("tategaki"), {width: document.getElementById("tategaki").Width, height: 250 }).then(canvas => {
        
        var img = new Image();
        img.src = canvas.toDataURL();
        document.getElementById("canvas").innerHTML = "<img src='" + img.src + "'>";
        let formData = new FormData();
        formData.append('img',img.src);
        formData.append('txt',document.getElementById("tategaki").innerText);
        fetch('/tategaki-tool/common/tategaki.php', {
            method: 'POST',
            body: formData
        })
            .then(response => response.json())
            .then(data => {
                if(data.error == 0){
                    shareOnTwitter(data.id);
                }else{
                    alert("入力フォームを見直してください👍");
                }
            })
            .catch(error => console.error(error));
    });
})
function shareOnTwitter(id) {
    const shareURL = 'https://twitter.com/share';
    const text = 'https://358tool.com/tategaki-tool/img/?id=' + id + ' 縦書きジェネレーターくんで作成しました😄。';
    const via = '縦書きジェネレーターくん';
    const shareParams = `url=${encodeURIComponent(location.href)}&text=${text}&via=${via}`;
    const sharePopup = `${shareURL}?${shareParams}`;
    window.open(sharePopup, 'twitter-share-popup', 'height=350,width=600');
    location.reload();
}

尚、バックエンド側の公開は控えさせてもらいます🙇。