')
+ .text(glyphMap[gname].c)
+ .data('index', i)
+ .on('click', function () {
+ setGlyph($(this).data('index') * 1);
+ $('#listup-container').hide();
+ });
if (glyphMap[gname].v && gname.indexOf('.vert') > 0) cell.addClass('vert');
$('#listup-body').append(cell);
}
}
$('').appendTo($('#listup-body'));
- });
+ });
- // 關閉設定畫面
- $('#closeListupButton').on('click', function () {
- $('#listup-container').hide();
- });
+ // 關閉設定畫面
+ $('#closeListupButton').on('click', function () {
+ $('#listup-container').hide();
+ });
// 顯示提示畫面
$('#hintButton').on('click', function () {
@@ -1168,32 +1296,38 @@ $(document).ready(async function () {
$('#hint-container').hide();
});
- // 顯示下載畫面
- $('#downloadButton').on('click', async function () {
- $('#download-container').show();
+ // 顯示下載畫面
+ $('#downloadButton').on('click', async function () {
+ $('#download-container').show();
$('#saveAsTester').prop('checked', settings.saveAsTester); // 設定是否為測試儲存
- });
+ });
- // 關閉下載畫面
- $('#closeDownloadButton').on('click', function () {
- $('#download-container').hide();
- });
+ // 關閉下載畫面
+ $('#closeDownloadButton').on('click', function () {
+ $('#download-container').hide();
+ });
// 關閉廣告畫面
$('#closeAdsButton').on('click', function () {
$('#ads-container').hide();
});
-
-
- // 取得滑鼠或觸控座標
- function getCanvasCoordinates(event) {
- const rect = canvas.getBoundingClientRect();
- const touch = event.type.includes('touch') ? event.originalEvent.touches[0] : event;
- return {
- x: touch.clientX - rect.left,
- y: touch.clientY - rect.top
- };
- }
+
+ // 關閉匯出至手寫誌畫面
+ $('#closeJustWriteNOWButton').on('click', function () {
+ $('#justwritenow-container').hide();
+ $naviContainer.show();
+ $progressContainer.hide();
+ });
+
+ // 取得滑鼠或觸控座標
+ function getCanvasCoordinates(event) {
+ const rect = canvas.getBoundingClientRect();
+ const touch = event.type.includes('touch') ? event.originalEvent.touches[0] : event;
+ return {
+ x: touch.clientX - rect.left,
+ y: touch.clientY - rect.top,
+ };
+ }
// 匯出事件 - Debugger
$('#exportEventsButton').on('click', async function () {
@@ -1201,7 +1335,7 @@ $(document).ready(async function () {
if (data.length > 0) {
const blob = new Blob([data], { type: 'text/plain' });
const link = document.createElement('a');
- link.download = settings.fontNameEng + '-EventLog' + (new Date()).toISOString() + '.txt';
+ link.download = settings.fontNameEng + '-EventLog' + new Date().toISOString() + '.txt';
link.href = window.URL.createObjectURL(blob);
link.click();
} else {
@@ -1216,11 +1350,11 @@ $(document).ready(async function () {
const request = store.getAll();
request.onsuccess = async function (event) {
- const data = event.target.result.map(item => `${item.key}\t${item.value}`).join('\n');
+ const data = event.target.result.map((item) => `${item.key}\t${item.value}`).join('\n');
if (data.length > 0) {
const blob = new Blob([data], { type: 'text/plain' });
const link = document.createElement('a');
- link.download = settings.fontNameEng + '-' + (new Date()).toISOString() + '.txt';
+ link.download = settings.fontNameEng + '-' + new Date().toISOString() + '.txt';
link.href = window.URL.createObjectURL(blob);
link.click();
} else {
@@ -1229,60 +1363,64 @@ $(document).ready(async function () {
};
});
- // 匯入資料
- $('#importDataFile').on('change', async function () {
- if (confirm(fdrawer.importConfirm)) {
- const fileInput = $(this);
- const file = fileInput[0].files[0];
- if (file) {
- const reader = new FileReader();
- reader.onload = async function (e) {
- await clearDB(); // 清除現有的 IndexedDB 資料
- const data = e.target.result;
- const lines = data.split('\n');
- for (const line of lines) {
- if (line.trim() === '') continue; // 跳過空行
- const parts = line.split('\t');
- if (parts.length < 2) continue; // 如果格式不正確，跳過
- const key = parts[0].trim();
- const value = parts[1].trim();
- await saveToDB(key, value);
- }
- alert(fdrawer.importDone);
- location.reload(); // 重新載入頁面
- };
- reader.readAsText(file);
- }
- } else {
- $(this).val(''); // 清除選擇的檔案
- }
- });
-
- // 修改清除所有資料的功能
- $('#clearAllButton').on('click', async function () {
- if (confirm(fdrawer.clearConfirm)) {
- await clearDB();
- alert(fdrawer.clearDone);
- location.reload(); // 重新載入頁面
- }
- });
+ // 匯入資料
+ $('#importDataFile').on('change', async function () {
+ if (confirm(fdrawer.importConfirm)) {
+ const fileInput = $(this);
+ const file = fileInput[0].files[0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onload = async function (e) {
+ await clearDB(); // 清除現有的 IndexedDB 資料
+ const data = e.target.result;
+ const lines = data.split('\n');
+ for (const line of lines) {
+ if (line.trim() === '') continue; // 跳過空行
+ const parts = line.split('\t');
+ if (parts.length < 2) continue; // 如果格式不正確，跳過
+ const key = parts[0].trim();
+ const value = parts[1].trim();
+ await saveToDB(key, value);
+ }
+ alert(fdrawer.importDone);
+ location.reload(); // 重新載入頁面
+ };
+ reader.readAsText(file);
+ }
+ } else {
+ $(this).val(''); // 清除選擇的檔案
+ }
+ });
+
+ // 修改清除所有資料的功能
+ $('#clearAllButton').on('click', async function () {
+ if (confirm(fdrawer.clearConfirm)) {
+ await clearDB();
+ alert(fdrawer.clearDone);
+ location.reload(); // 重新載入頁面
+ }
+ });
});
document.addEventListener('DOMContentLoaded', function () {
- // 判斷是否在 in-app browser 中
- const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+ // 判斷是否在 in-app browser 中
+ const userAgent = navigator.userAgent || navigator.vendor || window.opera;
- if (/FBAN|FBAV|Instagram|Line|Threads/i.test(userAgent)) {
- // 如果是 Facebook、Instagram 或 Line 的 in-app browser
- alert(fdrawer.inAppNotice);
- }
+ if (/FBAN|FBAV|Instagram|Line|Threads/i.test(userAgent)) {
+ // 如果是 Facebook、Instagram 或 Line 的 in-app browser
+ alert(fdrawer.inAppNotice);
+ }
// 解決 iOS Safari 按鈕點兩下容易不小心放大視窗的問題
- if (/iphone|ipad|ipod/.test(userAgent.toLowerCase()) && /safari/.test(userAgent.toLowerCase())) {
- document.querySelectorAll('body').forEach(function(btn) {
- btn.addEventListener('dblclick', function(e) {
- e.preventDefault();
- }, { passive: false });
- });
- }
+ if (/iphone|ipad|ipod/.test(userAgent.toLowerCase()) && /safari/.test(userAgent.toLowerCase())) {
+ document.querySelectorAll('body').forEach(function (btn) {
+ btn.addEventListener(
+ 'dblclick',
+ function (e) {
+ e.preventDefault();
+ },
+ { passive: false }
+ );
+ });
+ }
});
diff --git a/pages/index.html b/pages/index.html
index 21aee78..f5801ed 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -1,177 +1,195 @@
-
+
-
-
-
- 手寫字型產生器 by 字嗨
-
-
-
-
-
-
- 👓
- 🔍
-
-
-
-
-
-
- 👈
- 👉
-
-
-
-
-
-
-
-
-
- 🚮
- ⬅️
- ➡️
- ⬆️
- ⬇️
- ↩️
-
-
-
- 💡
- ⚙️
- -
- 💾
-
-
-
-
-
-
×
-
字符列表
-
+
+
+
+
手寫字型產生器 by 字嗨
+
+
+
+
+
+
+ 👓
+ 🔍
-
-
-
-
×
-
提示 Ver
-
- - 本工具由「字嗨！」提供。
- - 書寫的字表來自「jf7000當務字集」。
- - 由於所有資料儲存在您瀏覽器本地端，若擔心被瀏覽器清除，建議定期用匯出功能備份資料。
- - 建議每個字寫好後，就立刻調整位置（漢字原則上置中），這樣可避免事後調整困難。
- - 半形文字一律輸出成比例寬，故水平方向位置會被忽略。背景的紅線是基線的參考位置。
- - 全形的英數字會使用半形英數字自動產生。
- - 當所需的字符齊全時，系統會自動處理直排、組合文字的設定。
- - 請注意因為技術的限制，目前本系統所產生的OTF檔案，雖可勉強安裝運作，但並非正確的CID格式，可能在Adobe軟體無法正確識別為CJK字型。
- - 本服務所生成的字型檔，若使用上造成任何影響，本服務與作者不負任何責任。
- - 本系統並未蒐集任何使用者筆跡或其他用戶資訊。但若要公開您的字型檔時，請自行評估筆跡公開的風險。
- - 本工具不定期更新，雖然力求盡可能支援先前的版本，但要維護多種舊機制相各種環境有所困難，難以盡善盡美。由於所有版本程式碼都是開源的，可自行從GitHub上使用。若有技術支援需求，可與作者聯絡（可能須付費）。
- - 本專案GitHub頁面在這裡，在此可查閱更多資訊。
-
+
+
+
+
+ 👈
+ 👉
+
+
+
+
-
-
-
-
×
-
設定
-
在開始書寫之前，先來設定一些基本資訊吧！這些設定值之後都能再更改。
提醒您，若您是在App內的瀏覽器開啟本頁，建議用系統瀏覽器開啟，避免資料遺失！
-
-
字型英文名稱
-
-
-
字型中文名稱
-
-
-
縮放率
-
-
100%
-
手寫時為了避免超框，容易不經意把字寫得偏小。這裡可以調整文字框的尺寸。
-
-
我的字就是小
-
-
適合寫字真的很小的人。
-
-
背景格線樣式
-
-
-
中文字不等寬
-
-
設定為不等寬會更像手寫字型，但可能不適合用於直排。
-
-
筆壓敏感度（實驗中）
-
-
本選項僅對有筆壓的設備有效。目前尚在調整中，未來修改可能無法維持舊版相容性。
-
-
啟用舊筆壓模式（不建議）
-
-
舊筆壓模式無法支援筆刷功能。
-
-
-
-
-
-
-
完全清除字型資料
-
-
-
匯出系統事件（開發用）
-
-
+
+
+
+ 🚮
+ ⬅️
+ ➡️
+ ⬆️
+ ⬇️
+ ↩️
+
+
+
+ 💡
+ ⚙️
+ -
+ 💾
+
+
+
+
-
-
-
-
×
-
下載
-
-
下載字型
-
-
-
勾選測試輸出，字型名稱會加上流水號。避免系統快取造成在電腦上無法正常安裝使用的問題。
-
-
斗內作者
- 字型檔的權利均屬於您個人，不過如果您喜歡這個工具，請
考慮斗內支持作者的開發工作。您的支持將有助於未來的更新和改進！
-
-
-
-
匯入先前備份的資料
-
-
-
匯出編輯中資料
-
-
-
+
+
+
×
+
提示 Ver
+
+ - 本工具由「字嗨！」提供。
+ - 書寫的字表來自「jf7000當務字集」。
+ - 由於所有資料儲存在您瀏覽器本地端，若擔心被瀏覽器清除，建議定期用匯出功能備份資料。
+ - 建議每個字寫好後，就立刻調整位置（漢字原則上置中），這樣可避免事後調整困難。
+ - 半形文字一律輸出成比例寬，故水平方向位置會被忽略。背景的紅線是基線的參考位置。
+ - 全形的英數字會使用半形英數字自動產生。
+ - 當所需的字符齊全時，系統會自動處理直排、組合文字的設定。
+ - 請注意因為技術的限制，目前本系統所產生的OTF檔案，雖可勉強安裝運作，但並非正確的CID格式，可能在Adobe軟體無法正確識別為CJK字型。
+ - 本服務所生成的字型檔，若使用上造成任何影響，本服務與作者不負任何責任。
+ - 本系統並未蒐集任何使用者筆跡或其他用戶資訊。但若要公開您的字型檔時，請自行評估筆跡公開的風險。
+ -
+ 本工具不定期更新，雖然力求盡可能支援先前的版本，但要維護多種舊機制相各種環境有所困難，難以盡善盡美。由於所有版本程式碼都是開源的，可自行從GitHub上使用。若有技術支援需求，可與作者聯絡（可能須付費）。
+
+ -
+ 本專案GitHub頁面在這裡，在此可查閱更多資訊。
+
+
+
+
+
+
+
+
+
×
+
設定
+
在開始書寫之前，先來設定一些基本資訊吧！這些設定值之後都能再更改。
提醒您，若您是在App內的瀏覽器開啟本頁，建議用系統瀏覽器開啟，避免資料遺失！
+
+
字型英文名稱
+
+
+
字型中文名稱
+
+
+
縮放率
+
+
100%
+
手寫時為了避免超框，容易不經意把字寫得偏小。這裡可以調整文字框的尺寸。
+
+
我的字就是小
+
+
適合寫字真的很小的人。
+
+
背景格線樣式
+
+
+
中文字不等寬
+
+
設定為不等寬會更像手寫字型，但可能不適合用於直排。
+
+
筆壓敏感度（實驗中）
+
+
本選項僅對有筆壓的設備有效。目前尚在調整中，未來修改可能無法維持舊版相容性。
+
+
啟用舊筆壓模式（不建議）
+
+
舊筆壓模式無法支援筆刷功能。
+
+
+
+
+
+
+ 完全清除字型資料
+
+
+ 匯出系統事件（開發用）
+
+
+
+
+
+
+
+
+
+
×
+
下載
+
+
下載字型
+
+
+
勾選測試輸出，字型名稱會加上流水號。避免系統快取造成在電腦上無法正常安裝使用的問題。
+
+
+
斗內作者
+ 字型檔的權利均屬於您個人，不過如果您喜歡這個工具，請
考慮斗內支持作者的開發工作。您的支持將有助於未來的更新和改進！
+
+
+
+
匯入先前備份的資料
+
+
+
匯出編輯中資料
+
+
+
+
+
+
+
+
+
×
+
正在傳送至手寫誌
+
處理中...
+
+
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+