fonteditor/demo/js/editortest.js
2015-01-18 12:05:26 +08:00

84 lines
2.3 KiB
JavaScript

/**
* @file editortest.js
* @author mengke01
* @date
* @description
* 测试编辑器
*/
define(
function(require) {
var lang = require('common/lang');
var editor = require('editor/main');
var ttfObject = null;
var currentEditor = null;
var entry = {
/**
* 初始化
*/
init: function () {
$.getJSON('./data/baiduHealth.json', function(ttf) {
ttfObject = ttf;
var str = '';
ttf.glyf.slice(0, 10).forEach(function(glyf, index) {
str +='<a href="#" data-index="'+index+'">'+ glyf.name +'</a>';
});
$('#glyf-list').html(str);
});
currentEditor = editor.create($('#render-view').get(0));
currentEditor.on('save', function(e) {
var font = e.font;
console.log(font);
ttfObject.glyf[font.index] = font;
});
$('#glyf-list').delegate('[data-index]', 'click', function(e) {
e.preventDefault();
var index = +$(this).attr('data-index');
var font = lang.clone(ttfObject.glyf[index]);
font.index = index;
currentEditor.setFont(font);
});
$('#editor-unitsperem').on('change', function(){
var unitsPerEm = +$(this).val();
currentEditor.setAxis({
unitsPerEm: unitsPerEm
});
});
$('#editor-bearing').on('change', function(){
var opt = $(this).val();
var setting = {
1 : {
leftSideBearing: 10,
rightSideBearing: 10
},
2: {
leftSideBearing: 100,
rightSideBearing: 100
}
};
currentEditor.adjustFont(setting[opt]);
});
}
};
entry.init();
return entry;
}
);