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

#se-input circle and ellipse related x,y and radious input changes

master
Agriya Dev5 2020-11-17 17:19:03 +05:30
parent 718745a8f4
commit ae81a32cdd
2 changed files with 16 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/editor/index.html
View File

@ -147,8 +147,8 @@
<se-button id="tool_reorient" title="Reorient path" src="./images/reorient.svg"></se-button> <se-button id="tool_reorient" title="Reorient path" src="./images/reorient.svg"></se-button>
<se-button id="tool_make_link" title="Make (hyper)link" src="./images/globe_link.png"></se-button> <se-button id="tool_make_link" title="Make (hyper)link" src="./images/globe_link.png"></se-button>
<div class="tool_sep"></div> <div class="tool_sep"></div>
<se-input id="elem_id" data-attr="id" inputsize="70%" type="text" label="id:"></se-input> <se-input id="elem_id" data-attr="id" inputsize="100px" type="text" label="id:" title="Identify the element"></se-input>
<se-input id="elem_class" data-attr="class" inputsize="70%" type="text" label="class:"></se-input> <se-input id="elem_class" data-attr="class" inputsize="100px" type="text" label="class:" title="Element class"></se-input>
</div> </div>
<label id="tool_angle" title="Change rotation angle" class="toolset"> <label id="tool_angle" title="Change rotation angle" class="toolset">
<span id="angleLabel" class="icon_label"></span> <span id="angleLabel" class="icon_label"></span>
@ -244,39 +244,21 @@
</div> </div>
<div id="circle_panel"> <div id="circle_panel">
<div class="toolset"> <div class="toolset">
<label id="tool_circle_cx">cx: <se-input id="circle_cx" data-attr="cx" inputsize="41px" type="text" label="cx:"></se-input>
<input id="circle_cx" class="attr_changer" title="Change circle's cx coordinate" size="3" <se-input id="circle_cy" data-attr="cy" inputsize="41px" type="text" label="cy:"></se-input>
data-attr="cx" />
</label>
<label id="tool_circle_cy">cy:
<input id="circle_cy" class="attr_changer" title="Change circle's cy coordinate" size="3"
data-attr="cy" />
</label>
</div> </div>
<div class="toolset"> <div class="toolset">
<label id="tool_circle_r">r: <se-input id="circle_r" data-attr="r" inputsize="41px" type="text" label="r:"></se-input>
<input id="circle_r" class="attr_changer" title="Change circle's radius" size="3" data-attr="r" />
</label>
</div> </div>
</div> </div>
<div id="ellipse_panel"> <div id="ellipse_panel">
<div class="toolset"> <div class="toolset">
<label id="tool_ellipse_cx">cx: <se-input id="ellipse_cx" data-attr="cx" inputsize="41px" title="Change ellipse's cx coordinate" type="text" label="cx:"></se-input>
<input id="ellipse_cx" class="attr_changer" title="Change ellipse's cx coordinate" size="3" <se-input id="ellipse_cy" data-attr="cy" inputsize="41px" title="Change ellipse's cy coordinate" type="text" label="cy:"></se-input>
data-attr="cx" />
</label>
<label id="tool_ellipse_cy">cy:
<input id="ellipse_cy" class="attr_changer" title="Change ellipse's cy coordinate" size="3"
data-attr="cy" />
</label>
</div> </div>
<div class="toolset"> <div class="toolset">
<label id="tool_ellipse_rx">rx: <se-input id="ellipse_rx" data-attr="rx" inputsize="41px" title="Change ellipse's x radius" type="text" label="rx:"></se-input>
<input id="ellipse_rx" class="attr_changer" title="Change ellipse's x radius" size="3" data-attr="rx" /> <se-input id="ellipse_ry" data-attr="ry" inputsize="41px" title="Change ellipse's y radius" type="text" label="ry:"></se-input>
</label>
<label id="tool_ellipse_ry">ry:
<input id="ellipse_ry" class="attr_changer" title="Change ellipse's y radius" size="3" data-attr="ry" />
</label>
</div> </div>
</div> </div>
<div id="line_panel"> <div id="line_panel">

7
src/editor/svgedit.js
View File

@ -4901,6 +4901,13 @@ editor.init = () => {
$id('zoom').addEventListener('change', (e) => changeZoom(Number(e.target.value))); $id('zoom').addEventListener('change', (e) => changeZoom(Number(e.target.value)));
$id('elem_id').addEventListener('change', (e) => attrChanger(e)); $id('elem_id').addEventListener('change', (e) => attrChanger(e));
$id('elem_class').addEventListener('change', (e) => attrChanger(e)); $id('elem_class').addEventListener('change', (e) => attrChanger(e));
$id('circle_cx').addEventListener('change', (e) => attrChanger(e));
$id('circle_cy').addEventListener('change', (e) => attrChanger(e));
$id('circle_r').addEventListener('change', (e) => attrChanger(e));
$id('ellipse_cx').addEventListener('change', (e) => attrChanger(e));
$id('ellipse_cy').addEventListener('change', (e) => attrChanger(e));
$id('ellipse_rx').addEventListener('change', (e) => attrChanger(e));
$id('ellipse_ry').addEventListener('change', (e) => attrChanger(e));
// register actions for layer toolbar // register actions for layer toolbar
$id('layer_new').addEventListener('click', newLayer); $id('layer_new').addEventListener('click', newLayer);