add svg 2 ttf object

This commit is contained in:
mkwiser
2014-10-05 14:10:29 +08:00
parent 16689ffa65
commit af142b24ff
10 changed files with 556 additions and 26 deletions

49
demo/js/svg2ttfobject.js Normal file
View 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
View 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>