github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

#issue-fix BOTTOM TOOLS Make sure all features of the bottom toolbar are working

Browse Source
This commit is contained in:
Agriya Dev5
2021-01-05 20:06:59 +05:30
parent 9e367682c7
commit f351c37910
5 changed files with 44 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/editor/panels/BottomPanelHandlers.js
View File

@@ -142,7 +142,7 @@ class BottomPanelHandlers {
* @type {module}
*/
handleStrokeAttr (type, evt) {
this.svgCanvas.setStrokeAttr(type, evt.currentTarget.value);
this.svgCanvas.setStrokeAttr(type, evt.detail.value);
}
/**
* @type {module}

11
src/editor/panels/TopPanelHandlers.js
View File

@@ -210,7 +210,7 @@ class TopPanelHandlers {
$('#tool_font_size').css('display', 'inline');
$id('tool_italic').pressed = this.svgCanvas.getItalic();
$id('tool_bold').pressed = this.svgCanvas.getBold();
$('#font_family').val(elem.getAttribute('font-family'));
$('#tool_font_family').val(elem.getAttribute('font-family'));
$('#font_size').val(elem.getAttribute('font-size'));
$('#text').val(elem.textContent);
const textAnchorStart = $id('tool_text_anchor_start');
@@ -385,6 +385,14 @@ class TopPanelHandlers {
this.svgCanvas.cloneSelectedElements(20, 20);
}
/**
* @param {PlainObject} evt
* @returns {void}
*/
clickAlignEle (evt) {
this.svgCanvas.alignSelectedElements(evt.detail.value, 'page');
}
/**
* @param {string} pos indicate the alignment relative to top, bottom, middle etc..
* @returns {void}
@@ -598,6 +606,7 @@ class TopPanelHandlers {
$id('tool_make_link_multi').addEventListener('click', this.makeHyperlink.bind(this));
$id('tool_reorient').addEventListener('click', this.reorientPath.bind(this));
$id('tool_group_elements').addEventListener('click', this.clickGroup.bind(this));
$id('tool_position').addEventListener('change', (evt) => this.clickAlignEle.bind(this)(evt));
$id('tool_align_left').addEventListener('click', () => this.clickAlign.bind(this)('left'));
$id('tool_align_right').addEventListener('click', () => this.clickAlign.bind(this)('right'));
$id('tool_align_center').addEventListener('click', () => this.clickAlign.bind(this)('center'));