#se-input circle and ellipse related x,y and radious input changes
parent
718745a8f4
commit
ae81a32cdd
|
@ -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">
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in New Issue