add svg 2 ttf object
This commit is contained in:
49
demo/js/svg2ttfobject.js
Normal file
49
demo/js/svg2ttfobject.js
Normal file
@@ -0,0 +1,49 @@
|
||||
/**
|
||||
* @file svg2ttfobject.js
|
||||
* @author mengke01
|
||||
* @date
|
||||
* @description
|
||||
* svg转ttfobject
|
||||
*/
|
||||
|
||||
define(
|
||||
function(require) {
|
||||
|
||||
var svg2ttfobject = require('ttf/svg2ttfobject');
|
||||
var ttf2base64 = require('ttf/ttf2base64');
|
||||
var TTFWriter = require('ttf/ttfwriter');
|
||||
|
||||
var entry = {
|
||||
|
||||
/**
|
||||
* 初始化
|
||||
*/
|
||||
init: function () {
|
||||
|
||||
$.ajax({
|
||||
url: '../font/iconfont.svg',
|
||||
dataType: 'text'
|
||||
}).done(function(data) {
|
||||
|
||||
var ttfObject = svg2ttfobject(data);
|
||||
var writer = new TTFWriter();
|
||||
|
||||
var ttfBuffer = writer.write(ttfObject);
|
||||
var base64str = ttf2base64(ttfBuffer);
|
||||
|
||||
var saveBtn = $('.saveas');
|
||||
saveBtn.attr('href', base64str);
|
||||
saveBtn.attr('download', 'save.ttf');
|
||||
|
||||
|
||||
console.log(ttfObject);
|
||||
});
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
entry.init();
|
||||
|
||||
return entry;
|
||||
}
|
||||
);
|
||||
34
demo/svg2ttfobject.html
Normal file
34
demo/svg2ttfobject.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>svg2ttfobject test</title>
|
||||
<script src="../dep/esl.js"></script>
|
||||
<script src="../dep/jquery.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="./css/glyf.css">
|
||||
<style id="font-face"></style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a class="saveas" href="" download="">保存</a>
|
||||
|
||||
|
||||
<ul id="font-list" class="font-list"></ul>
|
||||
|
||||
|
||||
<script>
|
||||
require.config({
|
||||
baseUrl: '../src',
|
||||
paths: {
|
||||
demo: '../demo/js'
|
||||
}
|
||||
});
|
||||
define('jquery', $);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
require(['demo/svg2ttfobject']);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user