להמיר WOFF ל-TTF ב-JavaScript

המרת WOFF (Web Open Font Format) ל-TTF (TrueType Font) היא חיונית במקרים מסוימים. מעצבים ומפתחים לעיתים קרובות צריכים לעבור בין הפורמטים הללו לצורך תאימות. WOFF מותאם לשימוש באינטרנט, בעוד TTF נתמך באופן נרחב בפלטפורמות שונות. הבנת כיצד להמיר פורמטים אלו יכולה לשפר את הפרויקטים שלך ולשפר את חווית המשתמש. בפוסט בלוג זה, נלמד כיצד להמיר WOFF ו-WOFF2 ל-TTF באמצעות JavaScript.

מאמר זה מכסה את הנושאים הבאים:

ספריית JavaScript להמרת WOFF ל-TTF

Aspose.Font עבור JavaScript מפשטת את התהליך של המרת WOFF ל-TTF. ספרייה זו מספקת API פשוטה למניפולציה של גופנים. היא תומכת בפורמטים שונים של גופנים, מה שהופך אותה לרב-תכליתית עבור מפתחים. עם Aspose.Font, תוכל בקלות להמיר, ליצור ולנהל גופנים באופן תכנותי.

Aspose.Font עבור JavaScript מציעה מספר תכונות שהופכות אותה לאידיאלית להמרת WOFF ל-TTF:

  • נוחות אינטגרציה: הספרייה משתלבת בצורה חלקה עם יישומי JavaScript קיימים.
  • גמישות: היא תומכת במספר פורמטים של גופנים, ומאפשרת שימושים מגוונים.
  • התאמה מתקדמת: מפתחים יכולים להתאים אישית את מאפייני הגופנים במהלך ההמרה.

כדי להתחיל עם Aspose.Font עבור JavaScript, אנא הורד את הספרייה מכאן. תוכל גם להתקין אותה באמצעות הפקודה הבאה:

PM> Install-Package Aspose.Font.Cpp

להמיר WOFF ל-TTF ב-JavaScript

אנו יכולים בקלות להמיר גופני WOFF ל-TTF ב-JavaScript בתוך אפליקציית אינטרנט. ראשית, אנו טוענים את קובץ ה-WOFF, ואז ממירים אותו ל-TTF. כדי לשמור על הממשק הראשי מגיב, עובד אינטרנט מטפל בעיבוד. זה עושה את הממיר ידידותי למשתמש, מפשט את התהליך, ותומך בהורדות יעילות.

עקוב אחרי הצעדים הללו כדי להמיר WOFF ל-TrueType ב-JavaScript:

  • הגדר עובד אינטרנט עם קטע קוד זה:
/*Create Web Worker*/
const AsposeFontWebWorker = new Worker("AsposeFontforJS.js");
AsposeFontWebWorker.onerror = evt => console.log(`Error from Web Worker: ${evt.message}`);
AsposeFontWebWorker.onmessage = evt => document.getElementById('output').textContent =
(evt.data == 'ready') ? 'library loaded!' :
(evt.data.json.errorCode == 0) ? `Result:\n${DownloadFile(evt.data.json.fileNameResult, "font/ttf", evt.data.params[0])}` : `Error: ${evt.data.json.errorText}`;
/*Event handler*/
const fWOFFtoTTF = e => {
const file_reader = new FileReader();
file_reader.onload = event => {
/*Convert a WOFF fonts to TTF and save - Ask Web Worker*/
AsposeFontWebWorker.postMessage({ "operation": 'AsposeFontConvertToTTF', "params": [event.target.result, e.target.files[0].name, 'Module.FontType.WOFF'] }, [event.target.result]);
};
file_reader.readAsArrayBuffer(e.target.files[0]);
};
/*Make a link to download the result file*/
const DownloadFile = function (filename, mime, content) {
mime = mime || "application/octet-stream";
var link = document.createElement("a");
link.href = URL.createObjectURL(new Blob([content], {type: mime}));
link.download = filename;
link.textContent = filename;
link.title = "Click here to download the file";
document.getElementById('fileDownload').appendChild(link);
document.getElementById('fileDownload').appendChild(document.createElement("br"));
}
view raw convert-woff-to-ttf-in-javascript_webworker.js hosted with ❤ by GitHub
  • המרת קובץ ה-WOFF ל-TTF כך:
  1. בחר את קובץ ה-WOFF.
  2. צור אובייקט FileReader.
  3. השתמש בפונקציית AsposeFontConvertToTTF.
  4. הגדר את שם הקובץ המוצא ב-json.fileNameResult.
  5. בדוק אם json.errorCode הוא 0. אם כן, קבל את קישורי ההורדה. אם לא, ראה את json.errorText עבור שגיאות.
  6. פונקציית DownloadFile מספקת קישור להורדת קובץ ה-TTF למחשב שלך.

קטע הקוד הבא מראה איך להמיר קובץ גופן WOFF ל-TTF ב-JavaScript.

var fWOFF2TTF = function (e) {
const file_reader = new FileReader();
file_reader.onload = (event) => {
const json = AsposeFontConvertToTTF(event.target.result, e.target.files[0].name, Module.FontType.WOFF, Module.FontSavingFormats.TTF);
if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
else document.getElementById('output').textContent = json.errorText;
DownloadFile(json.fileNameResult, "ttf");
}
file_reader.readAsArrayBuffer(e.target.files[0]);
}
view raw convert-woff-to-ttf-in-javascript_convert.js hosted with ❤ by GitHub
להמיר WOFF ל-TTF ב-JavaScript

להמיר WOFF2 ל-TTF ב-JavaScript

באופן דומה, אנו יכולים גם להמיר WOFF2 ל-TTF ב-JavaScript על ידי ביצוע הצעדים המוזכרים קודם. עם זאת, עלינו לספק קובץ WOFF2 מקור כקלט.

קטע הקוד הבא מראה איך להמיר קובץ גופן WOFF2 לפורמט TTF באמצעות JavaScript.

/*Create Web Worker*/
const AsposeFontWebWorker = new Worker("AsposeFontforJS.js");
AsposeFontWebWorker.onerror = evt => console.log(`Error from Web Worker: ${evt.message}`);
AsposeFontWebWorker.onmessage = evt => document.getElementById('output').textContent =
(evt.data == 'ready') ? 'library loaded!' :
(evt.data.json.errorCode == 0) ? `Result:\n${DownloadFile(evt.data.json.fileNameResult, "font/ttf", evt.data.params[0])}` : `Error: ${evt.data.json.errorText}`;
/*Event handler*/
const fWOFFtoTTF = e => {
const file_reader = new FileReader();
file_reader.onload = event => {
/*Convert a WOFF2 fonts to TTF and save - Ask Web Worker*/
AsposeFontWebWorker.postMessage({ "operation": 'AsposeFontConvertToTTF', "params": [event.target.result, e.target.files[0].name, 'Module.FontType.WOFF2'] }, [event.target.result]);
};
file_reader.readAsArrayBuffer(e.target.files[0]);
};
/*Make a link to download the result file*/
const DownloadFile = function (filename, mime, content) {
mime = mime || "application/octet-stream";
var link = document.createElement("a");
link.href = URL.createObjectURL(new Blob([content], {type: mime}));
link.download = filename;
link.textContent = filename;
link.title = "Click here to download the file";
document.getElementById('fileDownload').appendChild(link);
document.getElementById('fileDownload').appendChild(document.createElement("br"));
}
view raw convert-woff-to-ttf-in-javascript_webworker_woff2.js hosted with ❤ by GitHub
var fWOFF2TTF = function (e) {
const file_reader = new FileReader();
file_reader.onload = (event) => {
const json = AsposeFontConvertToTTF(event.target.result, e.target.files[0].name, Module.FontType.WOFF2, Module.FontSavingFormats.TTF);
if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
else document.getElementById('output').textContent = json.errorText;
DownloadFile(json.fileNameResult, "ttf");
}
file_reader.readAsArrayBuffer(e.target.files[0]);
}
view raw convert-woff-to-ttf-in-javascript_convert_woff2.js hosted with ❤ by GitHub

קבלת רישיון חינם

בקר בעמוד רישיון זמני כדי לקבל רישיון זמני חינם. זה קל ומהיר להתחיל עם Aspose, מה שמאפשר לך לבדוק את התכונות החזקות שלהם ללא שום התחייבות.

WOFF ל-TTF: משאבים חינמיים

בנוסף להמרת WOFF או WOFF2 ל-TTF, אנו מציעים מגוון משאבים לשיפור ההבנה שלך על ניהול והמרת גופנים. עיין בתיעוד ובמדריכים שלנו למידע נוסף ודוגמאות מעשיות.

סיכום

בפוסט בלוג זה, חקרנו כיצד להמיר WOFF ל-TTF ב-JavaScript באמצעות Aspose.Font עבור JavaScript. הספרייה מפשטת את המרת הגופנים ומציעה גמישות והתאמה אישית. אנו מעודדים אותך לחקור עוד על Aspose.Font עבור JavaScript כדי לשפר את יכולות ניהול הגופנים שלך.

אם יש לך שאלות או שאתה זקוק לעזרה נוספת, אל תהסס לפנות אלינו בפורום התמיכה החינמי שלנו כאן.

ראה גם