hayun-vite 0.0.3 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles-test.css +90 -90
- package/assets/styles.css +90 -90
- package/data/formData1.js +42 -42
- package/data/officesObjStore.js +56 -56
- package/data/patientsObjStore.js +73 -73
- package/data/sampleData.js +94 -94
- package/index.js +11 -11
- package/package.json +1 -1
- package/src/Audiogram/Audiogram.js +194 -197
- package/src/Audiogram/dims.js +83 -83
- package/src/Form/Form.js +268 -276
- package/src/Form/Form_N.js +158 -158
- package/src/Form/Forms-Test.html +124 -124
- package/src/Form/Forms.js +121 -134
- package/src/Form/Header.js +91 -91
- package/src/Form/Reflex.js +141 -141
- package/src/Form/Sections.js +71 -71
- package/src/Form/Speech.js +132 -132
- package/src/Form/TextBox.js +66 -82
- package/src/Form/Tympanogram.js +355 -355
- package/src/Form/formStyles.css +122 -122
- package/src/Form/globalinfo.js +68 -68
- package/src/Form/grid/drawGrid.js +84 -84
- package/src/Form/grid/hideGrid.js +8 -8
- package/src/Form/printForm.js +122 -75
- package/src/Form/templates/combo.js +248 -248
- package/src/Form/templates/dims.js +204 -204
- package/src/Form/templates/rasaAud.js +287 -287
- package/src/Symbol/Symbols.js +29 -29
- package/src/Symbol/createSymbolSVG.js +240 -240
- package/src/Symbol/getAllSymbolsSVG.js +21 -21
- package/src/Symbol/insertSymbol.js +10 -10
- package/src/Symbol/symbolChart.js +47 -47
- package/src/common/putLine.js +16 -16
- package/src/common/putPoint.js +12 -12
- package/src/common/putRect.js +13 -13
- package/src/common/putText.js +17 -16
- package/src/common/putTopLayer.js +17 -17
- package/src/main.js +88 -87
- package/src/note.css +62 -0
- package/src/style.css +152 -157
- package/src/note.html +0 -1
package/src/Form/formStyles.css
CHANGED
@@ -1,122 +1,122 @@
|
|
1
|
-
@font-face {
|
2
|
-
/* src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"); */
|
3
|
-
src: url("/fonts/Vazirmatn-Regular.woff2") format("woff2");
|
4
|
-
font-family: vazirmatn;
|
5
|
-
}
|
6
|
-
|
7
|
-
|
8
|
-
button {
|
9
|
-
background-color: #4CAF50;
|
10
|
-
/* Green background */
|
11
|
-
border: none;
|
12
|
-
/* Remove borders */
|
13
|
-
color: white;
|
14
|
-
/* White text */
|
15
|
-
padding: 15px 32px;
|
16
|
-
/* Some padding */
|
17
|
-
text-align: center;
|
18
|
-
/* Centered text */
|
19
|
-
text-decoration: none;
|
20
|
-
/* Remove underline */
|
21
|
-
display: inline-block;
|
22
|
-
/* Make the button inline */
|
23
|
-
font-size: 16px;
|
24
|
-
/* Increase font size */
|
25
|
-
margin: 4px 2px;
|
26
|
-
/* Add some margin */
|
27
|
-
cursor: pointer;
|
28
|
-
/* Pointer cursor on hover */
|
29
|
-
border-radius: 8px;
|
30
|
-
/* Rounded corners */
|
31
|
-
transition: background-color 0.3s;
|
32
|
-
/* Smooth transition */
|
33
|
-
}
|
34
|
-
|
35
|
-
button:hover {
|
36
|
-
background-color: #45a049;
|
37
|
-
/* Darker green on hover */
|
38
|
-
}
|
39
|
-
|
40
|
-
button:active {
|
41
|
-
background-color: #3e8e41;
|
42
|
-
/* Even darker green when clicked */
|
43
|
-
}
|
44
|
-
|
45
|
-
|
46
|
-
.header1 {
|
47
|
-
user-select: none;
|
48
|
-
/* direction: rtl; */
|
49
|
-
/* text-align: center; */
|
50
|
-
font-family: vazirmatn;
|
51
|
-
font-size: 1.6mm;
|
52
|
-
font-weight: bolder;
|
53
|
-
}
|
54
|
-
.header2 {
|
55
|
-
user-select: none;
|
56
|
-
direction: rtl;
|
57
|
-
/* text-align: center; */
|
58
|
-
text-anchor: middle;
|
59
|
-
/* font-family: sans-serif, Helvetica, Arial;*/
|
60
|
-
/* font-family: Verdana, Geneva, Tahoma, sans-serif; */
|
61
|
-
font-family: sans-serif !important;
|
62
|
-
font-family: 'Courier New', Courier, monospace;
|
63
|
-
font-size: 1.1mm;
|
64
|
-
font-weight: bold;
|
65
|
-
}
|
66
|
-
.header3 {
|
67
|
-
user-select: none;
|
68
|
-
/* direction: rtl; */
|
69
|
-
/* text-align: center; */
|
70
|
-
font-family: sans-serif !important;
|
71
|
-
|
72
|
-
/* font-family: vazirmatn; */
|
73
|
-
font-size: 1mm;
|
74
|
-
font-weight: bold;
|
75
|
-
}
|
76
|
-
.header4 {
|
77
|
-
user-select: none;
|
78
|
-
direction: rtl;
|
79
|
-
/* text-align: center; */
|
80
|
-
font-family: vazirmatn;
|
81
|
-
font-size: 1mm;
|
82
|
-
/* font-weight: bold; */
|
83
|
-
}
|
84
|
-
.tymp1 {
|
85
|
-
user-select: none;
|
86
|
-
direction: ltr !important;
|
87
|
-
/* text-align: center; */
|
88
|
-
font-family: Arial, Helvetica, sans-serif !important;
|
89
|
-
font-size: 1mm;
|
90
|
-
/* font-weight: bold; */
|
91
|
-
}
|
92
|
-
.tymp2 {
|
93
|
-
user-select: none;
|
94
|
-
direction: ltr !important;
|
95
|
-
/* text-align: center; */
|
96
|
-
font-family: Arial, Helvetica, sans-serif !important;
|
97
|
-
font-size: 0.8mm;
|
98
|
-
/* font-weight: bold; */
|
99
|
-
}
|
100
|
-
/* .mizoon {
|
101
|
-
display: table;
|
102
|
-
margin-right: auto;
|
103
|
-
margin-left: auto;
|
104
|
-
|
105
|
-
} */
|
106
|
-
|
107
|
-
/* input {
|
108
|
-
display: block;
|
109
|
-
width: 60%;
|
110
|
-
border: 1px solid antiquewhite;
|
111
|
-
padding: 10px 10px;
|
112
|
-
margin: 10px auto 10px auto;
|
113
|
-
} */
|
114
|
-
.header5 {
|
115
|
-
/* font: 1.5px Verdana, Helvetica, Arial, sans-serif; */
|
116
|
-
user-select: none;
|
117
|
-
direction: rtl;
|
118
|
-
text-align: right;
|
119
|
-
font-family: vazirmatn;
|
120
|
-
font-size: 0.9mm;
|
121
|
-
font-weight: bold;
|
122
|
-
}
|
1
|
+
@font-face {
|
2
|
+
/* src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"); */
|
3
|
+
src: url("/fonts/Vazirmatn-Regular.woff2") format("woff2");
|
4
|
+
font-family: vazirmatn;
|
5
|
+
}
|
6
|
+
|
7
|
+
|
8
|
+
button {
|
9
|
+
background-color: #4CAF50;
|
10
|
+
/* Green background */
|
11
|
+
border: none;
|
12
|
+
/* Remove borders */
|
13
|
+
color: white;
|
14
|
+
/* White text */
|
15
|
+
padding: 15px 32px;
|
16
|
+
/* Some padding */
|
17
|
+
text-align: center;
|
18
|
+
/* Centered text */
|
19
|
+
text-decoration: none;
|
20
|
+
/* Remove underline */
|
21
|
+
display: inline-block;
|
22
|
+
/* Make the button inline */
|
23
|
+
font-size: 16px;
|
24
|
+
/* Increase font size */
|
25
|
+
margin: 4px 2px;
|
26
|
+
/* Add some margin */
|
27
|
+
cursor: pointer;
|
28
|
+
/* Pointer cursor on hover */
|
29
|
+
border-radius: 8px;
|
30
|
+
/* Rounded corners */
|
31
|
+
transition: background-color 0.3s;
|
32
|
+
/* Smooth transition */
|
33
|
+
}
|
34
|
+
|
35
|
+
button:hover {
|
36
|
+
background-color: #45a049;
|
37
|
+
/* Darker green on hover */
|
38
|
+
}
|
39
|
+
|
40
|
+
button:active {
|
41
|
+
background-color: #3e8e41;
|
42
|
+
/* Even darker green when clicked */
|
43
|
+
}
|
44
|
+
|
45
|
+
|
46
|
+
.header1 {
|
47
|
+
user-select: none;
|
48
|
+
/* direction: rtl; */
|
49
|
+
/* text-align: center; */
|
50
|
+
font-family: vazirmatn;
|
51
|
+
font-size: 1.6mm;
|
52
|
+
font-weight: bolder;
|
53
|
+
}
|
54
|
+
.header2 {
|
55
|
+
user-select: none;
|
56
|
+
direction: rtl;
|
57
|
+
/* text-align: center; */
|
58
|
+
text-anchor: middle;
|
59
|
+
/* font-family: sans-serif, Helvetica, Arial;*/
|
60
|
+
/* font-family: Verdana, Geneva, Tahoma, sans-serif; */
|
61
|
+
font-family: sans-serif !important;
|
62
|
+
font-family: 'Courier New', Courier, monospace;
|
63
|
+
font-size: 1.1mm;
|
64
|
+
font-weight: bold;
|
65
|
+
}
|
66
|
+
.header3 {
|
67
|
+
user-select: none;
|
68
|
+
/* direction: rtl; */
|
69
|
+
/* text-align: center; */
|
70
|
+
font-family: sans-serif !important;
|
71
|
+
|
72
|
+
/* font-family: vazirmatn; */
|
73
|
+
font-size: 1mm;
|
74
|
+
font-weight: bold;
|
75
|
+
}
|
76
|
+
.header4 {
|
77
|
+
user-select: none;
|
78
|
+
direction: rtl;
|
79
|
+
/* text-align: center; */
|
80
|
+
font-family: vazirmatn;
|
81
|
+
font-size: 1mm;
|
82
|
+
/* font-weight: bold; */
|
83
|
+
}
|
84
|
+
.tymp1 {
|
85
|
+
user-select: none;
|
86
|
+
direction: ltr !important;
|
87
|
+
/* text-align: center; */
|
88
|
+
font-family: Arial, Helvetica, sans-serif !important;
|
89
|
+
font-size: 1mm;
|
90
|
+
/* font-weight: bold; */
|
91
|
+
}
|
92
|
+
.tymp2 {
|
93
|
+
user-select: none;
|
94
|
+
direction: ltr !important;
|
95
|
+
/* text-align: center; */
|
96
|
+
font-family: Arial, Helvetica, sans-serif !important;
|
97
|
+
font-size: 0.8mm;
|
98
|
+
/* font-weight: bold; */
|
99
|
+
}
|
100
|
+
/* .mizoon {
|
101
|
+
display: table;
|
102
|
+
margin-right: auto;
|
103
|
+
margin-left: auto;
|
104
|
+
|
105
|
+
} */
|
106
|
+
|
107
|
+
/* input {
|
108
|
+
display: block;
|
109
|
+
width: 60%;
|
110
|
+
border: 1px solid antiquewhite;
|
111
|
+
padding: 10px 10px;
|
112
|
+
margin: 10px auto 10px auto;
|
113
|
+
} */
|
114
|
+
.header5 {
|
115
|
+
/* font: 1.5px Verdana, Helvetica, Arial, sans-serif; */
|
116
|
+
user-select: none;
|
117
|
+
direction: rtl;
|
118
|
+
text-align: right;
|
119
|
+
font-family: vazirmatn;
|
120
|
+
font-size: 0.9mm;
|
121
|
+
font-weight: bold;
|
122
|
+
}
|
package/src/Form/globalinfo.js
CHANGED
@@ -1,68 +1,68 @@
|
|
1
|
-
const svgNS = "http://www.w3.org/2000/svg";
|
2
|
-
|
3
|
-
// تعریف آبجکت مختصات ایکس - فرکانس در تیبل ادیوگرام
|
4
|
-
const xFrequency = {
|
5
|
-
// مقدار کلید برابر با مختصات محلی فرکانس هست
|
6
|
-
20: 250,
|
7
|
-
40: 500,
|
8
|
-
53: 750,
|
9
|
-
60: 1000,
|
10
|
-
73: 1500,
|
11
|
-
80: 2000,
|
12
|
-
93: 3000,
|
13
|
-
100: 4000,
|
14
|
-
113: 6000,
|
15
|
-
120: 8000,
|
16
|
-
};
|
17
|
-
const freqToXObj = {
|
18
|
-
// آبجکت تبدیل فرکانس به مختصات ایکس جدول ادیوگرام
|
19
|
-
250: 20,
|
20
|
-
500: 40,
|
21
|
-
750: 53,
|
22
|
-
1000: 60,
|
23
|
-
1500: 73,
|
24
|
-
2000: 80,
|
25
|
-
3000: 93,
|
26
|
-
4000: 100,
|
27
|
-
6000: 113,
|
28
|
-
8000: 120,
|
29
|
-
};
|
30
|
-
// تعریف آبجکت مختصات ایگرگ - شدت در تیبل ادیوگرام
|
31
|
-
const yIntensity = {
|
32
|
-
5: -15,
|
33
|
-
10: -10,
|
34
|
-
15: -5,
|
35
|
-
20: 0,
|
36
|
-
25: 5,
|
37
|
-
30: 10,
|
38
|
-
35: 15,
|
39
|
-
40: 20,
|
40
|
-
45: 25,
|
41
|
-
50: 30,
|
42
|
-
55: 35,
|
43
|
-
60: 40,
|
44
|
-
65: 45,
|
45
|
-
70: 50,
|
46
|
-
75: 55,
|
47
|
-
80: 60,
|
48
|
-
85: 65,
|
49
|
-
90: 70,
|
50
|
-
95: 75,
|
51
|
-
100: 80,
|
52
|
-
105: 85,
|
53
|
-
110: 90,
|
54
|
-
115: 95,
|
55
|
-
120: 100,
|
56
|
-
125: 105,
|
57
|
-
130: 110,
|
58
|
-
135: 115,
|
59
|
-
140: 120,
|
60
|
-
145: 125,
|
61
|
-
};
|
62
|
-
|
63
|
-
export {
|
64
|
-
svgNS,
|
65
|
-
xFrequency,
|
66
|
-
yIntensity,
|
67
|
-
freqToXObj,
|
68
|
-
};
|
1
|
+
const svgNS = "http://www.w3.org/2000/svg";
|
2
|
+
|
3
|
+
// تعریف آبجکت مختصات ایکس - فرکانس در تیبل ادیوگرام
|
4
|
+
const xFrequency = {
|
5
|
+
// مقدار کلید برابر با مختصات محلی فرکانس هست
|
6
|
+
20: 250,
|
7
|
+
40: 500,
|
8
|
+
53: 750,
|
9
|
+
60: 1000,
|
10
|
+
73: 1500,
|
11
|
+
80: 2000,
|
12
|
+
93: 3000,
|
13
|
+
100: 4000,
|
14
|
+
113: 6000,
|
15
|
+
120: 8000,
|
16
|
+
};
|
17
|
+
const freqToXObj = {
|
18
|
+
// آبجکت تبدیل فرکانس به مختصات ایکس جدول ادیوگرام
|
19
|
+
250: 20,
|
20
|
+
500: 40,
|
21
|
+
750: 53,
|
22
|
+
1000: 60,
|
23
|
+
1500: 73,
|
24
|
+
2000: 80,
|
25
|
+
3000: 93,
|
26
|
+
4000: 100,
|
27
|
+
6000: 113,
|
28
|
+
8000: 120,
|
29
|
+
};
|
30
|
+
// تعریف آبجکت مختصات ایگرگ - شدت در تیبل ادیوگرام
|
31
|
+
const yIntensity = {
|
32
|
+
5: -15,
|
33
|
+
10: -10,
|
34
|
+
15: -5,
|
35
|
+
20: 0,
|
36
|
+
25: 5,
|
37
|
+
30: 10,
|
38
|
+
35: 15,
|
39
|
+
40: 20,
|
40
|
+
45: 25,
|
41
|
+
50: 30,
|
42
|
+
55: 35,
|
43
|
+
60: 40,
|
44
|
+
65: 45,
|
45
|
+
70: 50,
|
46
|
+
75: 55,
|
47
|
+
80: 60,
|
48
|
+
85: 65,
|
49
|
+
90: 70,
|
50
|
+
95: 75,
|
51
|
+
100: 80,
|
52
|
+
105: 85,
|
53
|
+
110: 90,
|
54
|
+
115: 95,
|
55
|
+
120: 100,
|
56
|
+
125: 105,
|
57
|
+
130: 110,
|
58
|
+
135: 115,
|
59
|
+
140: 120,
|
60
|
+
145: 125,
|
61
|
+
};
|
62
|
+
|
63
|
+
export {
|
64
|
+
svgNS,
|
65
|
+
xFrequency,
|
66
|
+
yIntensity,
|
67
|
+
freqToXObj,
|
68
|
+
};
|
@@ -1,84 +1,84 @@
|
|
1
|
-
// import { svgNS } from "../../globalinfo.js";
|
2
|
-
const svgNS = "http://www.w3.org/2000/svg";
|
3
|
-
|
4
|
-
// پهنا و ارتفاع ظرف را پیدا کن و آنرا شطرنجی کن
|
5
|
-
export default function drawGrid(container) {
|
6
|
-
const viewBox = container.getAttribute("viewBox");
|
7
|
-
const w = container.getAttribute("width");
|
8
|
-
const h = container.getAttribute("height");
|
9
|
-
const svg = document.createElementNS(svgNS, "svg");
|
10
|
-
svg.setAttribute("viewBox", viewBox);
|
11
|
-
// svg.setAttribute("width", 210);
|
12
|
-
// svg.setAttribute("height", 297);
|
13
|
-
|
14
|
-
// مربع احاطهکننده کل جدول برای راهنمای توسعه
|
15
|
-
let rect = document.createElementNS(svgNS, "rect");
|
16
|
-
rect.setAttribute("x", 0);
|
17
|
-
rect.setAttribute("y", 0);
|
18
|
-
rect.setAttribute("width", 210);
|
19
|
-
rect.setAttribute("height", 297);
|
20
|
-
rect.setAttribute("style", "fill: transparent; stroke-width: 1;");
|
21
|
-
svg.appendChild(rect);
|
22
|
-
|
23
|
-
let line,
|
24
|
-
x,
|
25
|
-
y = 0;
|
26
|
-
// رسم خطوط افقی با فاصله واحد ویوباکس
|
27
|
-
for (y = 1; y <= 296; y++) {
|
28
|
-
line = document.createElementNS(svgNS, "line");
|
29
|
-
line.setAttribute("x1", 1);
|
30
|
-
line.setAttribute("y1", y);
|
31
|
-
line.setAttribute("x2", 209);
|
32
|
-
line.setAttribute("y2", y);
|
33
|
-
line.setAttribute(
|
34
|
-
"style",
|
35
|
-
"stroke: black; stroke-width: 0.1; stroke-opacity: 0.5; stroke-dasharray: 0.1;"
|
36
|
-
);
|
37
|
-
line.setAttribute("class", "gridLines");
|
38
|
-
svg.appendChild(line);
|
39
|
-
}
|
40
|
-
|
41
|
-
// رسم خطوط عمودی با فاصله واحد ویوباکس
|
42
|
-
for (x = 1; x <= 209; x++) {
|
43
|
-
line = document.createElementNS(svgNS, "line");
|
44
|
-
line.setAttribute("x1", x);
|
45
|
-
line.setAttribute("y1", 1);
|
46
|
-
line.setAttribute("x2", x);
|
47
|
-
line.setAttribute("y2", 296);
|
48
|
-
line.setAttribute(
|
49
|
-
"style",
|
50
|
-
"stroke: black; stroke-width: 0.1; stroke-opacity: 0.5; stroke-dasharray: 0.1;"
|
51
|
-
);
|
52
|
-
line.setAttribute("class", "gridLines");
|
53
|
-
|
54
|
-
svg.appendChild(line);
|
55
|
-
}
|
56
|
-
// رسم خط میانی افقی
|
57
|
-
line = document.createElementNS(svgNS, "line");
|
58
|
-
line.setAttribute("x1", 1);
|
59
|
-
line.setAttribute("y1", 297/2);
|
60
|
-
line.setAttribute("x2", 209);
|
61
|
-
line.setAttribute("y2", 297/2);
|
62
|
-
line.setAttribute(
|
63
|
-
"style",
|
64
|
-
"stroke: black; stroke-width: 0.2; stroke-opacity: 0.8;"
|
65
|
-
);
|
66
|
-
line.setAttribute("class", "gridLines");
|
67
|
-
|
68
|
-
svg.appendChild(line);
|
69
|
-
|
70
|
-
// رسم خط میانی عمودی
|
71
|
-
line = document.createElementNS(svgNS, "line");
|
72
|
-
line.setAttribute("x1", 105);
|
73
|
-
line.setAttribute("y1", 1);
|
74
|
-
line.setAttribute("x2", 105);
|
75
|
-
line.setAttribute("y2", 296);
|
76
|
-
line.setAttribute(
|
77
|
-
"style",
|
78
|
-
"stroke: black; stroke-width: 0.2; stroke-opacity: 0.8;"
|
79
|
-
);
|
80
|
-
line.setAttribute("class", "gridLines");
|
81
|
-
|
82
|
-
svg.appendChild(line);
|
83
|
-
container.appendChild(svg);
|
84
|
-
}
|
1
|
+
// import { svgNS } from "../../globalinfo.js";
|
2
|
+
const svgNS = "http://www.w3.org/2000/svg";
|
3
|
+
|
4
|
+
// پهنا و ارتفاع ظرف را پیدا کن و آنرا شطرنجی کن
|
5
|
+
export default function drawGrid(container) {
|
6
|
+
const viewBox = container.getAttribute("viewBox");
|
7
|
+
const w = container.getAttribute("width");
|
8
|
+
const h = container.getAttribute("height");
|
9
|
+
const svg = document.createElementNS(svgNS, "svg");
|
10
|
+
svg.setAttribute("viewBox", viewBox);
|
11
|
+
// svg.setAttribute("width", 210);
|
12
|
+
// svg.setAttribute("height", 297);
|
13
|
+
|
14
|
+
// مربع احاطهکننده کل جدول برای راهنمای توسعه
|
15
|
+
let rect = document.createElementNS(svgNS, "rect");
|
16
|
+
rect.setAttribute("x", 0);
|
17
|
+
rect.setAttribute("y", 0);
|
18
|
+
rect.setAttribute("width", 210);
|
19
|
+
rect.setAttribute("height", 297);
|
20
|
+
rect.setAttribute("style", "fill: transparent; stroke-width: 1;");
|
21
|
+
svg.appendChild(rect);
|
22
|
+
|
23
|
+
let line,
|
24
|
+
x,
|
25
|
+
y = 0;
|
26
|
+
// رسم خطوط افقی با فاصله واحد ویوباکس
|
27
|
+
for (y = 1; y <= 296; y++) {
|
28
|
+
line = document.createElementNS(svgNS, "line");
|
29
|
+
line.setAttribute("x1", 1);
|
30
|
+
line.setAttribute("y1", y);
|
31
|
+
line.setAttribute("x2", 209);
|
32
|
+
line.setAttribute("y2", y);
|
33
|
+
line.setAttribute(
|
34
|
+
"style",
|
35
|
+
"stroke: black; stroke-width: 0.1; stroke-opacity: 0.5; stroke-dasharray: 0.1;"
|
36
|
+
);
|
37
|
+
line.setAttribute("class", "gridLines");
|
38
|
+
svg.appendChild(line);
|
39
|
+
}
|
40
|
+
|
41
|
+
// رسم خطوط عمودی با فاصله واحد ویوباکس
|
42
|
+
for (x = 1; x <= 209; x++) {
|
43
|
+
line = document.createElementNS(svgNS, "line");
|
44
|
+
line.setAttribute("x1", x);
|
45
|
+
line.setAttribute("y1", 1);
|
46
|
+
line.setAttribute("x2", x);
|
47
|
+
line.setAttribute("y2", 296);
|
48
|
+
line.setAttribute(
|
49
|
+
"style",
|
50
|
+
"stroke: black; stroke-width: 0.1; stroke-opacity: 0.5; stroke-dasharray: 0.1;"
|
51
|
+
);
|
52
|
+
line.setAttribute("class", "gridLines");
|
53
|
+
|
54
|
+
svg.appendChild(line);
|
55
|
+
}
|
56
|
+
// رسم خط میانی افقی
|
57
|
+
line = document.createElementNS(svgNS, "line");
|
58
|
+
line.setAttribute("x1", 1);
|
59
|
+
line.setAttribute("y1", 297/2);
|
60
|
+
line.setAttribute("x2", 209);
|
61
|
+
line.setAttribute("y2", 297/2);
|
62
|
+
line.setAttribute(
|
63
|
+
"style",
|
64
|
+
"stroke: black; stroke-width: 0.2; stroke-opacity: 0.8;"
|
65
|
+
);
|
66
|
+
line.setAttribute("class", "gridLines");
|
67
|
+
|
68
|
+
svg.appendChild(line);
|
69
|
+
|
70
|
+
// رسم خط میانی عمودی
|
71
|
+
line = document.createElementNS(svgNS, "line");
|
72
|
+
line.setAttribute("x1", 105);
|
73
|
+
line.setAttribute("y1", 1);
|
74
|
+
line.setAttribute("x2", 105);
|
75
|
+
line.setAttribute("y2", 296);
|
76
|
+
line.setAttribute(
|
77
|
+
"style",
|
78
|
+
"stroke: black; stroke-width: 0.2; stroke-opacity: 0.8;"
|
79
|
+
);
|
80
|
+
line.setAttribute("class", "gridLines");
|
81
|
+
|
82
|
+
svg.appendChild(line);
|
83
|
+
container.appendChild(svg);
|
84
|
+
}
|
@@ -1,9 +1,9 @@
|
|
1
|
-
export default function hideGrid() {
|
2
|
-
|
3
|
-
let gridLines = document.getElementsByClassName("gridLines");
|
4
|
-
|
5
|
-
for (const line of gridLines) {
|
6
|
-
line.style = "stroke: transparent; fill: transparent;"
|
7
|
-
}
|
8
|
-
|
1
|
+
export default function hideGrid() {
|
2
|
+
|
3
|
+
let gridLines = document.getElementsByClassName("gridLines");
|
4
|
+
|
5
|
+
for (const line of gridLines) {
|
6
|
+
line.style = "stroke: transparent; fill: transparent;"
|
7
|
+
}
|
8
|
+
|
9
9
|
}
|