Sync with latest SVG-Edit
This commit is contained in:
Jacques Distler
parent
143fa30b78
commit
3e6d7faec2
|
|
@ -3,74 +3,82 @@
|
||||||
*
|
*
|
||||||
* Licensed under the Apache License, Version 2
|
* Licensed under the Apache License, Version 2
|
||||||
*
|
*
|
||||||
* Copyright(c) 2009 Narendra Sisodya
|
* Copyright(c) 2010 Narendra Sisodya
|
||||||
|
* Copyright(c) 2010 Alexis Deveria
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
var put_locale = function(svgEditor, given_param, good_langs){
|
|
||||||
var lang_param;
|
var svgEditor = (function($, Editor) {
|
||||||
|
Editor.putLocale = function(given_param, good_langs){
|
||||||
if(given_param) {
|
var lang_param;
|
||||||
lang_param = given_param;
|
|
||||||
} else {
|
if(given_param) {
|
||||||
lang_param = $.pref('lang');
|
lang_param = given_param;
|
||||||
if(!lang_param) {
|
} else {
|
||||||
if (navigator.userLanguage) // Explorer
|
lang_param = $.pref('lang');
|
||||||
lang_param = navigator.userLanguage;
|
if(!lang_param) {
|
||||||
else if (navigator.language) // FF, Opera, ...
|
if (navigator.userLanguage) // Explorer
|
||||||
lang_param = navigator.language;
|
lang_param = navigator.userLanguage;
|
||||||
if (lang_param == "")
|
else if (navigator.language) // FF, Opera, ...
|
||||||
return;
|
lang_param = navigator.language;
|
||||||
|
if (lang_param == "")
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Set to English if language is not in list of good langs
|
||||||
|
if($.inArray(lang_param, good_langs) == -1) {
|
||||||
|
lang_param = "en";
|
||||||
|
}
|
||||||
|
|
||||||
|
// don't bother on first run if language is English
|
||||||
|
if(lang_param.indexOf("en") == 0) return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set to English if language is not in list of good langs
|
var conf = Editor.curConfig;
|
||||||
if($.inArray(lang_param, good_langs) == -1) {
|
|
||||||
lang_param = "en";
|
var url = conf.langPath + "lang." + lang_param + ".js";
|
||||||
}
|
|
||||||
|
var processFile = function(data){
|
||||||
// don't bother on first run if language is English
|
var LangData = eval(data), js_strings;
|
||||||
if(lang_param.indexOf("en") == 0) return;
|
var more = Editor.canvas.runExtensions("addLangData", lang_param, true);
|
||||||
}
|
$.each(more, function(i, m) {
|
||||||
|
if(m.data) {
|
||||||
var url = "locale/lang." + lang_param + ".js";
|
LangData = $.merge(LangData, m.data);
|
||||||
|
}
|
||||||
var processFile = function(data){
|
});
|
||||||
var LangData = eval(data), js_strings;
|
$.each(LangData, function(i, data) {
|
||||||
var more = svgEditor.canvas.runExtensions("addLangData", lang_param, true);
|
if(data.id) {
|
||||||
$.each(more, function(i, m) {
|
var elem = $('#svg_editor').parent().find('#'+data.id)[0];
|
||||||
if(m.data) {
|
if(elem) {
|
||||||
LangData = $.merge(LangData, m.data);
|
if(data.title)
|
||||||
}
|
elem.title = data.title;
|
||||||
});
|
if(data.textContent) {
|
||||||
$.each(LangData, function(i, data) {
|
// Only replace non-empty text nodes, not elements
|
||||||
if(data.id) {
|
$.each(elem.childNodes, function(j, node) {
|
||||||
var elem = $('#svg_editor').parent().find('#'+data.id)[0];
|
if(node.nodeType == 3 && $.trim(node.textContent)) {
|
||||||
if(elem) {
|
node.textContent = data.textContent;
|
||||||
if(data.title)
|
}
|
||||||
elem.title = data.title;
|
});
|
||||||
if(data.textContent) {
|
}
|
||||||
// Only replace non-empty text nodes, not elements
|
}
|
||||||
$.each(elem.childNodes, function(j, node) {
|
} else if(data.js_strings) {
|
||||||
if(node.nodeType == 3 && $.trim(node.textContent)) {
|
js_strings = data.js_strings;
|
||||||
node.textContent = data.textContent;
|
}
|
||||||
}
|
});
|
||||||
});
|
Editor.setLang(lang_param, js_strings);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
'url': url,
|
||||||
|
'dataType': "text",
|
||||||
|
success: processFile,
|
||||||
|
error: function(xhr) {
|
||||||
|
if(xhr.responseText) {
|
||||||
|
processFile(xhr.responseText);
|
||||||
}
|
}
|
||||||
} else if(data.js_strings) {
|
|
||||||
js_strings = data.js_strings;
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
svgEditor.setLang(lang_param, js_strings);
|
};
|
||||||
}
|
|
||||||
|
|
||||||
$.ajax({
|
return Editor;
|
||||||
'url': url,
|
}(jQuery, svgEditor));
|
||||||
'dataType': "text",
|
|
||||||
success: processFile,
|
|
||||||
error: function(xhr) {
|
|
||||||
if(xhr.responseText) {
|
|
||||||
processFile(xhr.responseText);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
|
||||||
|
|
@ -16,9 +16,9 @@
|
||||||
<script type="text/javascript" src="svgicons/jquery.svgicons.js"></script>
|
<script type="text/javascript" src="svgicons/jquery.svgicons.js"></script>
|
||||||
<script type="text/javascript" src="jquerybbq/jquery.bbq.min.js"></script>
|
<script type="text/javascript" src="jquerybbq/jquery.bbq.min.js"></script>
|
||||||
<script type="text/javascript" src="spinbtn/JQuerySpinBtn.js"></script>
|
<script type="text/javascript" src="spinbtn/JQuerySpinBtn.js"></script>
|
||||||
<script type="text/javascript" src="locale/locale.js"></script>
|
|
||||||
<script type="text/javascript" src="svgcanvas.js"></script>
|
<script type="text/javascript" src="svgcanvas.js"></script>
|
||||||
<script type="text/javascript" src="svg-editor.js"></script>
|
<script type="text/javascript" src="svg-editor.js"></script>
|
||||||
|
<script type="text/javascript" src="locale/locale.js"></script>
|
||||||
<script type="text/javascript" src="extensions/ext-closepath.js"></script>
|
<script type="text/javascript" src="extensions/ext-closepath.js"></script>
|
||||||
<script type="text/javascript" src="extensions/ext-arrows.js"></script>
|
<script type="text/javascript" src="extensions/ext-arrows.js"></script>
|
||||||
<script type="text/javascript" src="extensions/ext-connector.js"></script>
|
<script type="text/javascript" src="extensions/ext-connector.js"></script>
|
||||||
|
|
@ -358,7 +358,7 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
|
||||||
</div> <!-- tools_top -->
|
</div> <!-- tools_top -->
|
||||||
|
|
||||||
<div id="tools_left" class="tools_panel">
|
<div id="tools_left" class="tools_panel">
|
||||||
<div class="tool_button_current" id="tool_select" title="Select Tool [1]"></div>
|
<div class="tool_button" id="tool_select" title="Select Tool [1]"></div>
|
||||||
<div class="tool_button" id="tool_fhpath" title="Pencil Tool [2]"></div>
|
<div class="tool_button" id="tool_fhpath" title="Pencil Tool [2]"></div>
|
||||||
<div class="tool_button" id="tool_line" title="Line Tool [3]"></div>
|
<div class="tool_button" id="tool_line" title="Line Tool [3]"></div>
|
||||||
<div class="tool_button flyout_current" id="tools_rect_show" title="Square/Rect Tool [4/Shift+4]">
|
<div class="tool_button flyout_current" id="tools_rect_show" title="Square/Rect Tool [4/Shift+4]">
|
||||||
|
|
@ -376,7 +376,6 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
|
||||||
<div id="tool_rect" title="Rectangle"></div>
|
<div id="tool_rect" title="Rectangle"></div>
|
||||||
<div id="tool_square" title="Square"></div>
|
<div id="tool_square" title="Square"></div>
|
||||||
<div id="tool_fhrect" title="Free-Hand Rectangle"></div>
|
<div id="tool_fhrect" title="Free-Hand Rectangle"></div>
|
||||||
|
|
||||||
<div id="tool_ellipse" title="Ellipse"></div>
|
<div id="tool_ellipse" title="Ellipse"></div>
|
||||||
<div id="tool_circle" title="Circle"></div>
|
<div id="tool_circle" title="Circle"></div>
|
||||||
<div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
|
<div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
|
||||||
|
|
|
||||||
|
|
@ -12,8 +12,7 @@
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
|
if(!window.svgEditor) window.svgEditor = function($) {
|
||||||
if(!window.svgEditor) window.svgEditor = function() {
|
|
||||||
var svgCanvas;
|
var svgCanvas;
|
||||||
var Editor = {};
|
var Editor = {};
|
||||||
var is_ready = false;
|
var is_ready = false;
|
||||||
|
|
@ -38,11 +37,15 @@
|
||||||
opacity: 1
|
opacity: 1
|
||||||
},
|
},
|
||||||
initStroke: {
|
initStroke: {
|
||||||
width: 1,
|
width: 5,
|
||||||
color: '000000', // solid black
|
color: '000000', // solid black
|
||||||
opacity: 1
|
opacity: 1
|
||||||
},
|
},
|
||||||
initOpacity: 1
|
initOpacity: 1,
|
||||||
|
imgPath: 'images/',
|
||||||
|
langPath: 'locale/',
|
||||||
|
initTool: 'select',
|
||||||
|
wireframe: false
|
||||||
},
|
},
|
||||||
uiStrings = {
|
uiStrings = {
|
||||||
'invalidAttrValGiven':'Invalid value given',
|
'invalidAttrValGiven':'Invalid value given',
|
||||||
|
|
@ -68,6 +71,8 @@
|
||||||
|
|
||||||
var curPrefs = {}; //$.extend({}, defaultPrefs);
|
var curPrefs = {}; //$.extend({}, defaultPrefs);
|
||||||
|
|
||||||
|
Editor.curConfig = curConfig;
|
||||||
|
|
||||||
// Store and retrieve preferences
|
// Store and retrieve preferences
|
||||||
$.pref = function(key, val) {
|
$.pref = function(key, val) {
|
||||||
if(val) curPrefs[key] = val;
|
if(val) curPrefs[key] = val;
|
||||||
|
|
@ -141,10 +146,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
Editor.init = function() {
|
Editor.init = function() {
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
// Load config/data from URL if given
|
// Load config/data from URL if given
|
||||||
var urldata = $.deparam.querystring();
|
var urldata = $.deparam.querystring(true);
|
||||||
if(!$.isEmptyObject(urldata)) {
|
if(!$.isEmptyObject(urldata)) {
|
||||||
if(urldata.dimensions) {
|
if(urldata.dimensions) {
|
||||||
urldata.dimensions = urldata.dimensions.split(',');
|
urldata.dimensions = urldata.dimensions.split(',');
|
||||||
|
|
@ -154,6 +158,10 @@
|
||||||
urldata.bkgd_color = '#' + urldata.bkgd_color;
|
urldata.bkgd_color = '#' + urldata.bkgd_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if(urldata.bkgd_color) {
|
||||||
|
urldata.bkgd_color = '#' + urldata.bkgd_color;
|
||||||
|
}
|
||||||
|
|
||||||
svgEditor.setConfig(urldata);
|
svgEditor.setConfig(urldata);
|
||||||
|
|
||||||
var src = urldata.source;
|
var src = urldata.source;
|
||||||
|
|
@ -171,6 +179,163 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})();
|
})();
|
||||||
|
|
||||||
|
$.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {
|
||||||
|
w:24, h:24,
|
||||||
|
id_match: false,
|
||||||
|
no_img: true,
|
||||||
|
fallback_path: curConfig.imgPath,
|
||||||
|
fallback:{
|
||||||
|
'new_image':'clear.png',
|
||||||
|
'save':'save.png',
|
||||||
|
'open':'open.png',
|
||||||
|
'source':'source.png',
|
||||||
|
'docprops':'document-properties.png',
|
||||||
|
'wireframe':'wireframe.png',
|
||||||
|
|
||||||
|
'undo':'undo.png',
|
||||||
|
'redo':'redo.png',
|
||||||
|
|
||||||
|
'select':'select.png',
|
||||||
|
'select_node':'select_node.png',
|
||||||
|
'pencil':'fhpath.png',
|
||||||
|
'pen':'line.png',
|
||||||
|
'square':'square.png',
|
||||||
|
'rect':'rect.png',
|
||||||
|
'fh_rect':'freehand-square.png',
|
||||||
|
'circle':'circle.png',
|
||||||
|
'ellipse':'ellipse.png',
|
||||||
|
'fh_ellipse':'freehand-circle.png',
|
||||||
|
'path':'path.png',
|
||||||
|
'text':'text.png',
|
||||||
|
'image':'image.png',
|
||||||
|
'zoom':'zoom.png',
|
||||||
|
|
||||||
|
'clone':'clone.png',
|
||||||
|
'delete':'delete.png',
|
||||||
|
'group':'shape_group.png',
|
||||||
|
'ungroup':'shape_ungroup.png',
|
||||||
|
'move_top':'move_top.png',
|
||||||
|
'move_bottom':'move_bottom.png',
|
||||||
|
'to_path':'to_path.png',
|
||||||
|
'link_controls':'link_controls.png',
|
||||||
|
'reorient':'reorient.png',
|
||||||
|
|
||||||
|
'align_left':'align-left.png',
|
||||||
|
'align_center':'align-center',
|
||||||
|
'align_right':'align-right',
|
||||||
|
'align_top':'align-top',
|
||||||
|
'align_middle':'align-middle',
|
||||||
|
'align_bottom':'align-bottom',
|
||||||
|
|
||||||
|
'go_up':'go-up.png',
|
||||||
|
'go_down':'go-down.png',
|
||||||
|
|
||||||
|
'ok':'save.png',
|
||||||
|
'cancel':'cancel.png',
|
||||||
|
|
||||||
|
'arrow_right':'flyouth.png',
|
||||||
|
'arrow_down':'dropdown.gif'
|
||||||
|
},
|
||||||
|
placement: {
|
||||||
|
'#logo':'logo',
|
||||||
|
|
||||||
|
'#tool_clear div,#layer_new':'new_image',
|
||||||
|
'#tool_save div':'save',
|
||||||
|
'#tool_open div div':'open',
|
||||||
|
'#tool_import div div':'import',
|
||||||
|
'#tool_source':'source',
|
||||||
|
'#tool_docprops > div':'docprops',
|
||||||
|
'#tool_wireframe':'wireframe',
|
||||||
|
|
||||||
|
'#tool_undo':'undo',
|
||||||
|
'#tool_redo':'redo',
|
||||||
|
|
||||||
|
'#tool_select':'select',
|
||||||
|
'#tool_fhpath':'pencil',
|
||||||
|
'#tool_line':'pen',
|
||||||
|
'#tool_rect,#tools_rect_show':'rect',
|
||||||
|
'#tool_square':'square',
|
||||||
|
'#tool_fhrect':'fh_rect',
|
||||||
|
'#tool_ellipse,#tools_ellipse_show':'ellipse',
|
||||||
|
'#tool_circle':'circle',
|
||||||
|
'#tool_fhellipse':'fh_ellipse',
|
||||||
|
'#tool_path':'path',
|
||||||
|
'#tool_text,#layer_rename':'text',
|
||||||
|
'#tool_image':'image',
|
||||||
|
'#tool_zoom':'zoom',
|
||||||
|
|
||||||
|
'#tool_clone,#tool_clone_multi,#tool_node_clone':'clone',
|
||||||
|
'#layer_delete,#tool_delete,#tool_delete_multi,#tool_node_delete':'delete',
|
||||||
|
'#tool_add_subpath':'add_subpath',
|
||||||
|
'#tool_move_top':'move_top',
|
||||||
|
'#tool_move_bottom':'move_bottom',
|
||||||
|
'#tool_topath':'to_path',
|
||||||
|
'#tool_node_link':'link_controls',
|
||||||
|
'#tool_reorient':'reorient',
|
||||||
|
'#tool_group':'group',
|
||||||
|
'#tool_ungroup':'ungroup',
|
||||||
|
|
||||||
|
'#tool_alignleft':'align_left',
|
||||||
|
'#tool_aligncenter':'align_center',
|
||||||
|
'#tool_alignright':'align_right',
|
||||||
|
'#tool_aligntop':'align_top',
|
||||||
|
'#tool_alignmiddle':'align_middle',
|
||||||
|
'#tool_alignbottom':'align_bottom',
|
||||||
|
|
||||||
|
'#url_notice':'warning',
|
||||||
|
|
||||||
|
'#layer_up':'go_up',
|
||||||
|
'#layer_down':'go_down',
|
||||||
|
'#layerlist td.layervis':'eye',
|
||||||
|
|
||||||
|
'#tool_source_save,#tool_docprops_save':'ok',
|
||||||
|
'#tool_source_cancel,#tool_docprops_cancel':'cancel',
|
||||||
|
|
||||||
|
'.flyout_arrow_horiz':'arrow_right',
|
||||||
|
'.dropdown button, #main_button .dropdown':'arrow_down',
|
||||||
|
'#palette .palette_item:first, #fill_bg, #stroke_bg':'no_color'
|
||||||
|
},
|
||||||
|
resize: {
|
||||||
|
'#logo .svg_icon': 32,
|
||||||
|
'.flyout_arrow_horiz .svg_icon': 5,
|
||||||
|
'.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,
|
||||||
|
'.dropdown button .svg_icon': 7,
|
||||||
|
'#main_button .dropdown .svg_icon': 9,
|
||||||
|
'.palette_item:first .svg_icon, #fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
|
||||||
|
'.toolbar_button button .svg_icon':16
|
||||||
|
},
|
||||||
|
callback: function(icons) {
|
||||||
|
$('.toolbar_button button > svg, .toolbar_button button > img').each(function() {
|
||||||
|
$(this).parent().prepend(this);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Use small icons by default if not all left tools are visible
|
||||||
|
var tleft = $('#tools_left');
|
||||||
|
var min_height = tleft.offset().top + tleft.outerHeight();
|
||||||
|
var size = $.pref('iconsize');
|
||||||
|
if(size && size != 'm') {
|
||||||
|
svgEditor.setIconSize(size);
|
||||||
|
} else if($(window).height() < min_height) {
|
||||||
|
// Make smaller
|
||||||
|
svgEditor.setIconSize('s');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Look for any missing flyout icons from plugins
|
||||||
|
$('.tools_flyout').each(function() {
|
||||||
|
var shower = $('#' + this.id + '_show');
|
||||||
|
var sel = shower.attr('data-curopt');
|
||||||
|
// Check if there's an icon here
|
||||||
|
if(!shower.children('svg, img').length) {
|
||||||
|
var clone = $(sel).children().clone();
|
||||||
|
clone[0].removeAttribute('style'); //Needed for Opera
|
||||||
|
shower.append(clone);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
svgEditor.runCallbacks();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
Editor.canvas = svgCanvas = new $.SvgCanvas(document.getElementById("svgcanvas"), curConfig);
|
Editor.canvas = svgCanvas = new $.SvgCanvas(document.getElementById("svgcanvas"), curConfig);
|
||||||
|
|
||||||
|
|
@ -179,7 +344,7 @@
|
||||||
isMac = false, //(navigator.platform.indexOf("Mac") != -1);
|
isMac = false, //(navigator.platform.indexOf("Mac") != -1);
|
||||||
modKey = "", //(isMac ? "meta+" : "ctrl+");
|
modKey = "", //(isMac ? "meta+" : "ctrl+");
|
||||||
path = svgCanvas.pathActions,
|
path = svgCanvas.pathActions,
|
||||||
default_img_url = "images/logo.png",
|
default_img_url = curConfig.imgPath + "logo.png",
|
||||||
workarea = $("#workarea");
|
workarea = $("#workarea");
|
||||||
|
|
||||||
// This sets up alternative dialog boxes. They mostly work the same way as
|
// This sets up alternative dialog boxes. They mostly work the same way as
|
||||||
|
|
@ -424,6 +589,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
$(this).mouseup(func);
|
$(this).mouseup(func);
|
||||||
|
|
||||||
if(opts.key) {
|
if(opts.key) {
|
||||||
$(document).bind('keydown', {combi: opts.key+'', disableInInput:true}, func);
|
$(document).bind('keydown', {combi: opts.key+'', disableInInput:true}, func);
|
||||||
}
|
}
|
||||||
|
|
@ -1788,7 +1954,7 @@
|
||||||
// set language
|
// set language
|
||||||
var lang = $('#lang_select').val();
|
var lang = $('#lang_select').val();
|
||||||
if(lang != curPrefs.lang) {
|
if(lang != curPrefs.lang) {
|
||||||
put_locale(Editor, lang);
|
Editor.putLocale(lang);
|
||||||
}
|
}
|
||||||
|
|
||||||
// set icon size
|
// set icon size
|
||||||
|
|
@ -2773,7 +2939,31 @@
|
||||||
}();
|
}();
|
||||||
|
|
||||||
Actions.setAll();
|
Actions.setAll();
|
||||||
|
|
||||||
|
// Select given tool
|
||||||
|
Editor.ready(function() {
|
||||||
|
var itool = curConfig.initTool,
|
||||||
|
container = $("#tools_left, #svg_editor .tools_flyout"),
|
||||||
|
pre_tool = container.find("#tool_" + itool),
|
||||||
|
reg_tool = container.find("#" + itool);
|
||||||
|
if(pre_tool.length) {
|
||||||
|
tool = pre_tool;
|
||||||
|
} else if(reg_tool.length){
|
||||||
|
tool = reg_tool;
|
||||||
|
} else {
|
||||||
|
tool = $("#tool_select");
|
||||||
|
}
|
||||||
|
tool.click().mouseup();
|
||||||
|
|
||||||
|
if(curConfig.wireframe) {
|
||||||
|
$('#tool_wireframe').click();
|
||||||
|
}
|
||||||
|
|
||||||
|
if(curConfig.showlayers) {
|
||||||
|
toggleSidePanel();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
$('#rect_rx').SpinButton({ min: 0, max: 1000, step: 1, callback: changeRectRadius });
|
$('#rect_rx').SpinButton({ min: 0, max: 1000, step: 1, callback: changeRectRadius });
|
||||||
$('#stroke_width').SpinButton({ min: 0, max: 99, step: 1, smallStep: 0.1, callback: changeStrokeWidth });
|
$('#stroke_width').SpinButton({ min: 0, max: 99, step: 1, smallStep: 0.1, callback: changeStrokeWidth });
|
||||||
$('#angle').SpinButton({ min: -180, max: 180, step: 5, callback: changeRotationAngle });
|
$('#angle').SpinButton({ min: -180, max: 180, step: 5, callback: changeRotationAngle });
|
||||||
|
|
@ -2879,7 +3069,7 @@
|
||||||
updateCanvas(true);
|
updateCanvas(true);
|
||||||
// });
|
// });
|
||||||
|
|
||||||
// var revnums = "svg-editor.js ($Rev: 1461 $) ";
|
// var revnums = "svg-editor.js ($Rev: 1468 $) ";
|
||||||
// revnums += svgCanvas.getVersion();
|
// revnums += svgCanvas.getVersion();
|
||||||
// $('#copyright')[0].setAttribute("title", revnums);
|
// $('#copyright')[0].setAttribute("title", revnums);
|
||||||
|
|
||||||
|
|
@ -2890,7 +3080,7 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
// var lang = ('lang' in curPrefs) ? curPrefs.lang : null;
|
// var lang = ('lang' in curPrefs) ? curPrefs.lang : null;
|
||||||
put_locale(Editor, null, good_langs);
|
Editor.putLocale(null, good_langs);
|
||||||
|
|
||||||
try{
|
try{
|
||||||
json_encode = function(obj){
|
json_encode = function(obj){
|
||||||
|
|
@ -3020,167 +3210,13 @@
|
||||||
svgCanvas.addExtension.apply(this, args);
|
svgCanvas.addExtension.apply(this, args);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return Editor;
|
return Editor;
|
||||||
}();
|
}(jQuery);
|
||||||
|
|
||||||
// This process starts before document.ready so the icons appear ASAP
|
|
||||||
$.svgIcons('images/svg_edit_icons.svg', {
|
|
||||||
w:24, h:24,
|
|
||||||
id_match: false,
|
|
||||||
no_img: true,
|
|
||||||
fallback_path:'images/',
|
|
||||||
fallback:{
|
|
||||||
'new_image':'clear.png',
|
|
||||||
'save':'save.png',
|
|
||||||
'open':'open.png',
|
|
||||||
'source':'source.png',
|
|
||||||
'docprops':'document-properties.png',
|
|
||||||
'wireframe':'wireframe.png',
|
|
||||||
|
|
||||||
'undo':'undo.png',
|
|
||||||
'redo':'redo.png',
|
|
||||||
|
|
||||||
'select':'select.png',
|
|
||||||
'select_node':'select_node.png',
|
|
||||||
'pencil':'fhpath.png',
|
|
||||||
'pen':'line.png',
|
|
||||||
'square':'square.png',
|
|
||||||
'rect':'rect.png',
|
|
||||||
'fh_rect':'freehand-square.png',
|
|
||||||
'circle':'circle.png',
|
|
||||||
'ellipse':'ellipse.png',
|
|
||||||
'fh_ellipse':'freehand-circle.png',
|
|
||||||
'path':'path.png',
|
|
||||||
'text':'text.png',
|
|
||||||
'image':'image.png',
|
|
||||||
'zoom':'zoom.png',
|
|
||||||
|
|
||||||
'clone':'clone.png',
|
|
||||||
'delete':'delete.png',
|
|
||||||
'group':'shape_group.png',
|
|
||||||
'ungroup':'shape_ungroup.png',
|
|
||||||
'move_top':'move_top.png',
|
|
||||||
'move_bottom':'move_bottom.png',
|
|
||||||
'to_path':'to_path.png',
|
|
||||||
'link_controls':'link_controls.png',
|
|
||||||
'reorient':'reorient.png',
|
|
||||||
|
|
||||||
'align_left':'align-left.png',
|
|
||||||
'align_center':'align-center',
|
|
||||||
'align_right':'align-right',
|
|
||||||
'align_top':'align-top',
|
|
||||||
'align_middle':'align-middle',
|
|
||||||
'align_bottom':'align-bottom',
|
|
||||||
|
|
||||||
'go_up':'go-up.png',
|
|
||||||
'go_down':'go-down.png',
|
|
||||||
|
|
||||||
'ok':'save.png',
|
|
||||||
'cancel':'cancel.png',
|
|
||||||
|
|
||||||
'arrow_right':'flyouth.png',
|
|
||||||
'arrow_down':'dropdown.gif'
|
|
||||||
},
|
|
||||||
placement: {
|
|
||||||
'#logo':'logo',
|
|
||||||
|
|
||||||
'#tool_clear div,#layer_new':'new_image',
|
|
||||||
'#tool_save div':'save',
|
|
||||||
'#tool_open div div':'open',
|
|
||||||
'#tool_import div div':'import',
|
|
||||||
'#tool_source':'source',
|
|
||||||
'#tool_docprops > div':'docprops',
|
|
||||||
'#tool_wireframe':'wireframe',
|
|
||||||
|
|
||||||
'#tool_undo':'undo',
|
|
||||||
'#tool_redo':'redo',
|
|
||||||
|
|
||||||
'#tool_select':'select',
|
|
||||||
'#tool_fhpath':'pencil',
|
|
||||||
'#tool_line':'pen',
|
|
||||||
'#tool_rect,#tools_rect_show':'rect',
|
|
||||||
'#tool_square':'square',
|
|
||||||
'#tool_fhrect':'fh_rect',
|
|
||||||
'#tool_ellipse,#tools_ellipse_show':'ellipse',
|
|
||||||
'#tool_circle':'circle',
|
|
||||||
'#tool_fhellipse':'fh_ellipse',
|
|
||||||
'#tool_path':'path',
|
|
||||||
'#tool_text,#layer_rename':'text',
|
|
||||||
'#tool_image':'image',
|
|
||||||
'#tool_zoom':'zoom',
|
|
||||||
|
|
||||||
'#tool_clone,#tool_clone_multi,#tool_node_clone':'clone',
|
|
||||||
'#layer_delete,#tool_delete,#tool_delete_multi,#tool_node_delete':'delete',
|
|
||||||
'#tool_add_subpath':'add_subpath',
|
|
||||||
'#tool_move_top':'move_top',
|
|
||||||
'#tool_move_bottom':'move_bottom',
|
|
||||||
'#tool_topath':'to_path',
|
|
||||||
'#tool_node_link':'link_controls',
|
|
||||||
'#tool_reorient':'reorient',
|
|
||||||
'#tool_group':'group',
|
|
||||||
'#tool_ungroup':'ungroup',
|
|
||||||
|
|
||||||
'#tool_alignleft':'align_left',
|
|
||||||
'#tool_aligncenter':'align_center',
|
|
||||||
'#tool_alignright':'align_right',
|
|
||||||
'#tool_aligntop':'align_top',
|
|
||||||
'#tool_alignmiddle':'align_middle',
|
|
||||||
'#tool_alignbottom':'align_bottom',
|
|
||||||
|
|
||||||
'#url_notice':'warning',
|
|
||||||
|
|
||||||
'#layer_up':'go_up',
|
|
||||||
'#layer_down':'go_down',
|
|
||||||
'#layerlist td.layervis':'eye',
|
|
||||||
|
|
||||||
'#tool_source_save,#tool_docprops_save':'ok',
|
|
||||||
'#tool_source_cancel,#tool_docprops_cancel':'cancel',
|
|
||||||
|
|
||||||
'.flyout_arrow_horiz':'arrow_right',
|
|
||||||
'.dropdown button, #main_button .dropdown':'arrow_down',
|
|
||||||
'#palette .palette_item:first, #fill_bg, #stroke_bg':'no_color'
|
|
||||||
},
|
|
||||||
resize: {
|
|
||||||
'#logo .svg_icon': 32,
|
|
||||||
'.flyout_arrow_horiz .svg_icon': 5,
|
|
||||||
'.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,
|
|
||||||
'.dropdown button .svg_icon': 7,
|
|
||||||
'#main_button .dropdown .svg_icon': 9,
|
|
||||||
'.palette_item:first .svg_icon, #fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
|
|
||||||
'.toolbar_button button .svg_icon':16
|
|
||||||
},
|
|
||||||
callback: function(icons) {
|
|
||||||
$('.toolbar_button button > svg, .toolbar_button button > img').each(function() {
|
|
||||||
$(this).parent().prepend(this);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Use small icons by default if not all left tools are visible
|
|
||||||
var tleft = $('#tools_left');
|
|
||||||
var min_height = tleft.offset().top + tleft.outerHeight();
|
|
||||||
var size = $.pref('iconsize');
|
|
||||||
if(size && size != 'm') {
|
|
||||||
svgEditor.setIconSize(size);
|
|
||||||
} else if($(window).height() < min_height) {
|
|
||||||
// Make smaller
|
|
||||||
svgEditor.setIconSize('s');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Look for any missing flyout icons from plugins
|
|
||||||
$('.tools_flyout').each(function() {
|
|
||||||
var shower = $('#' + this.id + '_show');
|
|
||||||
var sel = shower.attr('data-curopt');
|
|
||||||
// Check if there's an icon here
|
|
||||||
if(!shower.children('svg, img').length) {
|
|
||||||
var clone = $(sel).children().clone();
|
|
||||||
clone[0].removeAttribute('style'); //Needed for Opera
|
|
||||||
shower.append(clone);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
svgEditor.runCallbacks();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Run init once DOM is loaded
|
// Run init once DOM is loaded
|
||||||
$(svgEditor.init);
|
$(svgEditor.init);
|
||||||
|
|
@ -3190,6 +3226,7 @@
|
||||||
// ?iconsize=s&bkgd_color=555
|
// ?iconsize=s&bkgd_color=555
|
||||||
|
|
||||||
// svgEditor.setConfig({
|
// svgEditor.setConfig({
|
||||||
|
// // imgPath: 'foo',
|
||||||
// dimensions: [800, 600],
|
// dimensions: [800, 600],
|
||||||
// canvas_expansion: 5,
|
// canvas_expansion: 5,
|
||||||
// initStroke: {
|
// initStroke: {
|
||||||
|
|
@ -3201,4 +3238,4 @@
|
||||||
// color: '550000',
|
// color: '550000',
|
||||||
// opacity: .75
|
// opacity: .75
|
||||||
// }
|
// }
|
||||||
// })
|
// })
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue