|
7 | 7 | <h1 class="title">DojoCon Japan 2021 サムネイルメーカー</h1>
|
8 | 8 | </div>
|
9 | 9 | <div class="thumbnail-preview">
|
10 |
| - <div class="main-flex"> |
11 |
| - <img class="thema" src="/img/thumbnail-maker/theme.svg" alt="見渡す"> |
12 |
| - <div class="textarea-box"> |
13 |
| - <textarea id="message-box" class="message" spellcheck="false" |
14 |
| - placeholder="ここにテキストを入力"></textarea> |
15 |
| - </div> |
16 |
| - <img class="logo" src="/img/thumbnail-maker/logo.svg" alt="DojoConJapan2021 Decembar 18th/ONLINE"> |
17 |
| - </div> |
18 |
| - </div> |
19 |
| - <div class="links"> |
20 |
| - <button id="img-download-btn" class="btn inline-block">画像をダウンロード</button> |
21 |
| - <a id="img-show-btn" class="inline-block" href="https://dcj2021-thumbnail-maker.ymsg.space/?text=">ダウンロードできない場合はこちら</a> |
| 10 | + <p>サムネイルメーカーは 2022年2月20日 を持ちまして提供を終了しました。ご利用ありがとうございました。</p> |
22 | 11 | </div>
|
23 | 12 | </div>
|
24 |
| - |
25 |
| -<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script> |
26 |
| -<script type="module"> |
27 |
| - import { Base64 } from 'https://cdn.jsdelivr.net/npm/[email protected]/base64.mjs'; |
28 |
| - |
29 |
| - const textAreaHeightSet = (textarea) => { |
30 |
| - textarea.style.height = "42px"; |
31 |
| - var wSclollHeight = parseInt(textarea.scrollHeight); |
32 |
| - |
33 |
| - var wLineH = parseInt(textarea.style.lineHeight.replace(/px/, '')); |
34 |
| - |
35 |
| - if(wSclollHeight < (wLineH * 1.)){wSclollHeight=(wLineH * 1);} |
36 |
| - |
37 |
| - textarea.style.height = wSclollHeight + "px"; |
38 |
| - } |
39 |
| - |
40 |
| - const setImageDownloadURL = (textarea) => { |
41 |
| - const imgShowBtn = document.getElementById("img-show-btn"); |
42 |
| - const text = Base64.encodeURI(textarea.value); |
43 |
| - imgShowBtn.href = `https://dcj2021-thumbnail-maker.ymsg.space/?text=${text}`; |
44 |
| - } |
45 |
| - |
46 |
| - const downloadThumbnail = async () => { |
47 |
| - const textarea = document.getElementById('message-box'); |
48 |
| - const text = Base64.encodeURI(textarea.value); |
49 |
| - //saveAs(`https://dcj2021-thumbnail-maker.ymsg.space/?text=${text}`, 'thumbnail.png'); |
50 |
| - |
51 |
| - const response = await fetch(`https://dcj2021-thumbnail-maker.ymsg.space/?text=${text}`); |
52 |
| - return response.blob().then( (imgBlob) => { |
53 |
| - saveAs(imgBlob, 'thumbnail.png'); |
54 |
| - }); |
55 |
| - } |
56 |
| - |
57 |
| - document.getElementById("message-box").addEventListener("input", (e) => { |
58 |
| - textAreaHeightSet(e.target); |
59 |
| - setImageDownloadURL(e.target); |
60 |
| - }); |
61 |
| - document.getElementById("message-box").addEventListener("change", (e) => { |
62 |
| - textAreaHeightSet(e.target); |
63 |
| - setImageDownloadURL(e.target); |
64 |
| - }); |
65 |
| - |
66 |
| - document.getElementById("img-download-btn").addEventListener("click", async (e) => { |
67 |
| - e.target.disabled = true; |
68 |
| - await downloadThumbnail(); |
69 |
| - e.target.disabled = false; |
70 |
| - }); |
71 |
| -</script> |
0 commit comments