AsposeFontConvertTowoff2 | JavaScript用のAPIソリューション
フォントをWoff2形式に変換する方法は？
filreaderを作成します。- AsposeFontConvertTowoff2関数を呼び出します。
- 結果のファイルの名前は、
json.filenameresultで設定されています。 - 次に、
json.errorcodeが0の場合、結果ファイルへのリンクを取得できます。json.errorcodeパラメーターが0に等しくなく、それに応じてファイルにエラーが発生する場合、そのようなエラーに関する情報はjson.errortextになります。 - ダウンロードFile関数はリンクを生成し、結果のファイルをユーザーのオペレーティングシステムにダウンロードできます。
以下は、EOTからwoff2変換のコード例です。
1 var fEOT2WOFF2 = function (e) {
2 const file_reader = new FileReader();
3 file_reader.onload = (event) => {
4 const json = AsposeFontConvertToWOFF2(event.target.result, e.target.files[0].name, Module.FontType.OTF);
5 if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
6 else document.getElementById('output').textContent = json.errorText;
7 DownloadFile(json.fileNameResult, "font/ttf");
8 }
9 file_reader.readAsArrayBuffer(e.target.files[0]);
10 }Webワーカーの例：```js
/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 fEOTtoWOFF2 = e => { const file_reader = new FileReader(); file_reader.onload = event => { /Convert a OTF fonts to TTF and save - Ask Web Worker/ AsposeFontWebWorker.postMessage({ “operation”: ‘AsposeFontConvertToWOFF2’, “params”: [event.target.result, e.target.files[0].name, ‘Module.FontType.OTF’] }, [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”)); }