add setting adjust

2014-10-10 22:20:18 +08:00 · 2014-10-10 22:20:18 +08:00 · b408e169d2
commit b408e169d2
parent 2e062cd563
2 changed files with 151 additions and 0 deletions
--- a/src/fonteditor/dialog/setting-adjust-glyf.js
+++ b/src/fonteditor/dialog/setting-adjust-glyf.js
@ -0,0 +1,87 @@
+/**
+ * @file setting-adjust.js
+ * @author mengke01
+ * @date 
+ * @description
+ * 设置调整字形
+ */
+
+define(
+    function(require) {
+
+        var lang = require('common/lang');
+
+        var tpl = ''
+            + '<div class="form-inline">'
+            +   '<div class="input-group input-group-sm">'
+            +       '<span class="input-group-addon">翻转</span>'
+            +       '<span class="form-control">'
+            +           '<input data-field="reverse" type="checkbox">'
+            +       '</span>'
+            +   '</div>'
+            + '</div>'
+            + '<div class="form-inline">'
+            +   '<div class="input-group input-group-sm">'
+            +       '<span class="input-group-addon">镜像</span>'
+            +       '<span class="form-control">'
+            +           '<input data-field="mirror" type="checkbox">'
+            +       '</span>'
+            +   '</div>'
+            + '</div>'
+            + '<div class="form-inline">'
+            +   '<div class="input-group input-group-sm">'
+            +     '<span class="input-group-addon">缩放大小</span>'
+            +     '<input data-field="scale" type="number" min="0" max="1" step="0.1" class="form-control">'
+            +   '</div>'
+            + '</div>'
+            + '<div class="form-inline">'
+            +   '<div class="form-group">'
+            +     '<div class="input-group input-group-sm">'
+            +       '<span class="input-group-addon">缩放字形到em框</span>'
+            +       '<span class="form-control">'
+            +           '<input data-field="ajdustToEmBox" type="checkbox" onclick="$(\'#setting-ajdustToEmPadding\')[this.checked ? \'removeClass\' : \'addClass\'](\'hide\')">'
+            +       '</span>'
+            +     '</div>'
+            +   '</div>'
+            +   ' '
+            +   '<div id="setting-ajdustToEmPadding" class="form-group hide">'
+            +     '<div class="input-group input-group-sm">'
+            +       '<span class="input-group-addon">顶部和底部留白</span>'
+            +       '<input data-field="ajdustToEmPadding" data-ceil="true" type="number" min="-16384" max="16384" step="1" class="form-control">'
+            +     '</div>'
+            +   '</div>'
+            + '</div>';
+
+
+        return require('./setting').derive({
+            
+            title: '调整字形',
+
+            getTpl: function() {
+                return tpl;
+            },
+
+            set: function(setting) {
+                this.setFields(setting || {});
+            },
+            
+            validate: function() {
+                var setting = this.getFields();
+                
+
+                if(setting.reverse == undefined
+                    && setting.mirror == undefined 
+                    && setting.scale == undefined 
+                    && setting.ajdustToEmBox == undefined
+                ) {
+                    alert('没有设置项目!');
+                    return false;
+                }
+                else {
+                    return setting;
+                }
+            }
+
+        });
+    }
+);
--- a/src/fonteditor/dialog/setting-adjust-pos.js
+++ b/src/fonteditor/dialog/setting-adjust-pos.js
@ -0,0 +1,64 @@
+/**
+ * @file setting-adjust-pos.js
+ * @author mengke01
+ * @date 
+ * @description
+ * 设置自动调整字形位置
+ */
+
+define(
+    function(require) {
+
+        var lang = require('common/lang');
+
+        var tpl = ''
+            + '<div class="form-inline">'
+            +   '<div class="input-group input-group-sm">'
+            +     '<span class="input-group-addon">左边轴</span>'
+            +     '<input data-field="leftSideBearing" type="number" min="-16384" max="16384" step="1" class="form-control">'
+            +   '</div>'
+            + '</div>'
+            + '<div class="form-inline">'
+            +   '<div class="input-group input-group-sm">'
+            +     '<span class="input-group-addon">右边轴</span>'
+            +     '<input data-field="rightSideBearing" type="number" min="-16384" max="16384" step="1" class="form-control">'
+            +   '</div>'
+            + '</div>'
+            + '<div class="form-inline">'
+            +   '<div class="input-group input-group-sm">'
+            +     '<span class="input-group-addon">基线偏移</span>'
+            +     '<input data-field="verticalAlign" type="number" min="-16384" max="16384" step="1" class="form-control">'
+            +   '</div>'
+            + '</div>';
+
+
+        return require('./setting').derive({
+            
+            title: '调整字形',
+
+            getTpl: function() {
+                return tpl;
+            },
+
+            set: function(setting) {
+                this.setFields(setting || {});
+            },
+            
+            validate: function() {
+                var setting = this.getFields();
+
+                if(setting.leftSideBearing == undefined
+                    && setting.rightSideBearing == undefined 
+                    && setting.verticalAlign == undefined
+                ) {
+                    alert('没有设置项目!');
+                    return false;
+                }
+                else {
+                    return setting;
+                }
+            }
+
+        });
+    }
+);