新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
400
public/flukemoni/Ex2/T2_tools.html
Normal file → Executable file
400
public/flukemoni/Ex2/T2_tools.html
Normal file → Executable file
@@ -66,7 +66,295 @@
|
||||
top: 1005px;
|
||||
overflow: visible;
|
||||
}
|
||||
#rectangle_5_ft {
|
||||
#n_1 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_1 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 138px;
|
||||
}
|
||||
#n_2 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_2 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 196px;
|
||||
}
|
||||
#n_3 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_3 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 252px;
|
||||
}
|
||||
#n_4 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_4 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 310px;
|
||||
}
|
||||
#n_5 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_5 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 365px;
|
||||
}
|
||||
#n_6 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_6 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 423px;
|
||||
}
|
||||
#n_7 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_7 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 511px;
|
||||
}
|
||||
#n_8 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_8 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 569px;
|
||||
}
|
||||
#n_9 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_9 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 624px;
|
||||
}
|
||||
#n_10 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_10 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 682px;
|
||||
}
|
||||
#n_11 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_11 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 739px;
|
||||
}
|
||||
#n_12 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_12 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 794px;
|
||||
}
|
||||
#n_13 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_13 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 852px;
|
||||
}
|
||||
#n_14 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_14 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 1194px;
|
||||
}
|
||||
#n_15 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_15 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 1252px;
|
||||
}
|
||||
#n_16 {
|
||||
opacity: 0.5;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_16 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 51px;
|
||||
}
|
||||
#rectangle_5_gv {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -76,7 +364,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_5_ft {
|
||||
.rectangle_5_gv {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -392,7 +680,7 @@
|
||||
left: 19px;
|
||||
top: 1007px;
|
||||
}
|
||||
#rectangle_14_f {
|
||||
#rectangle_14_ha {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -402,7 +690,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_14_f {
|
||||
.rectangle_14_ha {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 442px;
|
||||
@@ -414,7 +702,7 @@
|
||||
--web-action-target: T3adjust_brightness.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_14_ga {
|
||||
#rectangle_14_hb {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -424,7 +712,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_14_ga {
|
||||
.rectangle_14_hb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 442px;
|
||||
@@ -487,7 +775,7 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_lenth_unit_gf {
|
||||
#n_lenth_unit_hh {
|
||||
position: absolute;
|
||||
width: 128px;
|
||||
height: 52px;
|
||||
@@ -503,7 +791,7 @@
|
||||
top: 1073px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_1 {
|
||||
#n_1_hj {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -513,7 +801,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_1 {
|
||||
.n_1_hj {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 123px;
|
||||
@@ -537,7 +825,7 @@
|
||||
top: 1122px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_2 {
|
||||
#n_2_hm {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -547,7 +835,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_2 {
|
||||
.n_2_hm {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 123px;
|
||||
@@ -563,7 +851,7 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_upper_banner_gm {
|
||||
#n_upper_banner_ho {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 30px;
|
||||
@@ -3491,8 +3779,72 @@ window.application = new Application();
|
||||
|
||||
<img id="n_c" src="n_c.png" srcset="n_c.png 1x, n_c@2x.png 2x">
|
||||
|
||||
<svg class="rectangle_5_ft">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_ft" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="n_1">
|
||||
<ellipse id="n_1" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_2">
|
||||
<ellipse id="n_2" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_3">
|
||||
<ellipse id="n_3" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_4">
|
||||
<ellipse id="n_4" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_5">
|
||||
<ellipse id="n_5" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_6">
|
||||
<ellipse id="n_6" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_7">
|
||||
<ellipse id="n_7" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8">
|
||||
<ellipse id="n_8" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_9">
|
||||
<ellipse id="n_9" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_10">
|
||||
<ellipse id="n_10" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_11">
|
||||
<ellipse id="n_11" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_12">
|
||||
<ellipse id="n_12" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_13">
|
||||
<ellipse id="n_13" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_14">
|
||||
<ellipse id="n_14" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_15">
|
||||
<ellipse id="n_15" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_16">
|
||||
<ellipse id="n_16" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="rectangle_5_gv">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_gv" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_10">
|
||||
@@ -3551,12 +3903,12 @@ window.application = new Application();
|
||||
<rect id="rectangle_14" rx="6" ry="6" x="0" y="0" width="442" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_14_f">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_14_f" rx="6" ry="6" x="0" y="0" width="442" height="51">
|
||||
<svg class="rectangle_14_ha">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_14_ha" rx="6" ry="6" x="0" y="0" width="442" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_14_ga">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_14_ga" rx="6" ry="6" x="0" y="0" width="442" height="51">
|
||||
<svg class="rectangle_14_hb">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_14_hb" rx="6" ry="6" x="0" y="0" width="442" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
<div id="group_dot_format_switch" class="group_dot_format_switch">
|
||||
@@ -3570,26 +3922,26 @@ window.application = new Application();
|
||||
<div id="group_lenth_unit_switch" class="group_lenth_unit_switch">
|
||||
<img id="n_lenth_unit" src="n_lenth_unit.png" srcset="n_lenth_unit.png 1x, n_lenth_unit@2x.png 2x">
|
||||
|
||||
<img id="n_lenth_unit_gf" src="n_lenth_unit_gf.png" srcset="n_lenth_unit_gf.png 1x, n_lenth_unit_gf@2x.png 2x">
|
||||
<img id="n_lenth_unit_hh" src="n_lenth_unit_hh.png" srcset="n_lenth_unit_hh.png 1x, n_lenth_unit_hh@2x.png 2x">
|
||||
|
||||
</div>
|
||||
<div id="group_sound_switch" class="group_sound_switch">
|
||||
<svg class="n_1">
|
||||
<rect id="n_1" rx="0" ry="0" x="0" y="0" width="123" height="36">
|
||||
<svg class="n_1_hj">
|
||||
<rect id="n_1_hj" rx="0" ry="0" x="0" y="0" width="123" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<img id="n_sound_switch" src="n_sound_switch.png" srcset="n_sound_switch.png 1x, n_sound_switch@2x.png 2x">
|
||||
|
||||
</div>
|
||||
<div id="group_power_frequency_switch" class="group_power_frequency_switch">
|
||||
<svg class="n_2">
|
||||
<rect id="n_2" rx="0" ry="0" x="0" y="0" width="123" height="34">
|
||||
<svg class="n_2_hm">
|
||||
<rect id="n_2_hm" rx="0" ry="0" x="0" y="0" width="123" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<img id="n_power_frequency" src="n_power_frequency.png" srcset="n_power_frequency.png 1x, n_power_frequency@2x.png 2x">
|
||||
|
||||
</div>
|
||||
<img id="n_upper_banner_gm" src="n_upper_banner_gm.png" srcset="n_upper_banner_gm.png 1x, n_upper_banner_gm@2x.png 2x">
|
||||
<img id="n_upper_banner_ho" src="n_upper_banner_ho.png" srcset="n_upper_banner_ho.png 1x, n_upper_banner_ho@2x.png 2x">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user