ijz-navflow
Advanced tools
@@ -9,4 +9,4 @@ "use strict"; | ||
| ctx.moveTo(x, y); | ||
| ctx.lineTo(x + 15, y - 10); | ||
| ctx.lineTo(x + 15, y + 10); | ||
| ctx.lineTo(x + 13, y - 6); | ||
| ctx.lineTo(x + 13, y + 6); | ||
| ctx.fill(); | ||
@@ -18,4 +18,4 @@ } | ||
| ctx.moveTo(x, y); | ||
| ctx.lineTo(x - 15, y - 10); | ||
| ctx.lineTo(x - 15, y + 10); | ||
| ctx.lineTo(x - 13, y - 6); | ||
| ctx.lineTo(x - 13, y + 6); | ||
| ctx.fill(); | ||
@@ -27,4 +27,4 @@ } | ||
| ctx.moveTo(x, y); | ||
| ctx.lineTo(x - 10, y + 15); | ||
| ctx.lineTo(x + 10, y + 15); | ||
| ctx.lineTo(x - 6, y + 13); | ||
| ctx.lineTo(x + 6, y + 13); | ||
| ctx.fill(); | ||
@@ -38,55 +38,55 @@ } | ||
| //line_a_to_c | ||
| ctx.lineWidth = 6; | ||
| ctx.lineWidth = 4; | ||
| ctx.beginPath(); | ||
| ctx.moveTo(180, 50); | ||
| ctx.lineTo(275, 50); | ||
| ctx.moveTo(130, 45); | ||
| ctx.lineTo(225, 45); | ||
| ctx.stroke(); | ||
| right_arrow(ctx, 280, 50); | ||
| right_arrow(ctx, 230, 45); | ||
| //line_c_to_e | ||
| ctx.lineWidth = 6; | ||
| //line_c_to_d | ||
| ctx.lineWidth = 4; | ||
| ctx.setLineDash([10, 8]); | ||
| ctx.beginPath(); | ||
| ctx.moveTo(429, 50); | ||
| ctx.lineTo(550, 50); | ||
| ctx.moveTo(330, 45); | ||
| ctx.lineTo(425, 45); | ||
| ctx.stroke(); | ||
| right_arrow(ctx, 555, 50); | ||
| right_arrow(ctx, 430, 45); | ||
| //line_e_to_f | ||
| ctx.lineWidth = 6; | ||
| //line_d_to_e | ||
| ctx.lineWidth = 4; | ||
| ctx.setLineDash([]); | ||
| ctx.beginPath(); | ||
| ctx.moveTo(704, 50); | ||
| ctx.lineTo(825, 50); | ||
| ctx.moveTo(530, 45); | ||
| ctx.lineTo(625, 45); | ||
| ctx.stroke(); | ||
| right_arrow(ctx, 830, 50); | ||
| right_arrow(ctx, 630, 45); | ||
| //line_e_to_f | ||
| ctx.lineWidth = 6; | ||
| ctx.lineWidth = 4; | ||
| ctx.setLineDash([]); | ||
| ctx.beginPath(); | ||
| ctx.moveTo(979, 50); | ||
| ctx.lineTo(1100, 50); | ||
| ctx.moveTo(730, 45); | ||
| ctx.lineTo(825, 45); | ||
| ctx.stroke(); | ||
| right_arrow(ctx, 1105, 50); | ||
| right_arrow(ctx, 830, 45); | ||
| //line_a_to_b | ||
| ctx.lineWidth = 4; | ||
| ctx.lineWidth = 2; | ||
| ctx.beginPath(); | ||
| ctx.moveTo(110, 70); | ||
| ctx.lineTo(110, 197); | ||
| ctx.lineTo(150, 197); | ||
| ctx.moveTo(80, 60); | ||
| ctx.lineTo(80, 192); | ||
| ctx.lineTo(125, 192); | ||
| ctx.stroke(); | ||
| right_arrow(ctx, 155, 197); | ||
| right_arrow(ctx, 125, 192); | ||
| //line_b_to_e | ||
| ctx.lineWidth = 4; | ||
| ctx.setLineDash([10, 10]); | ||
| //line_b_to_d | ||
| ctx.lineWidth = 2; | ||
| ctx.setLineDash([4, 8]); | ||
| ctx.beginPath(); | ||
| ctx.moveTo(310, 197); | ||
| ctx.lineTo(630, 197); | ||
| ctx.lineTo(630, 75); | ||
| ctx.moveTo(230, 192); | ||
| ctx.lineTo(480, 192); | ||
| ctx.lineTo(480, 60); | ||
| ctx.stroke(); | ||
| left_arrow(ctx, 305, 197); | ||
| up_arrow(ctx, 630, 70); | ||
| left_arrow(ctx, 225, 192); | ||
| up_arrow(ctx, 480, 60); | ||
| }; |
@@ -80,3 +80,3 @@ "use strict"; | ||
| null, | ||
| _react2.default.createElement("canvas", { id: "Canvas", width: 1300, height: 250 }), | ||
| _react2.default.createElement("canvas", { id: "Canvas", width: 980, height: 250 }), | ||
| _react2.default.createElement( | ||
@@ -83,0 +83,0 @@ "span", |
| .Nav_ijz_xxfp #Canvas { | ||
| position: absolute; | ||
| z-index: -1; | ||
| /*z-index: 5;*/ | ||
| } | ||
| .Nav_ijz_xxfp h2 { | ||
| display: inline-block; | ||
| width: 150px; | ||
| width: 100px; | ||
| color: orangered; | ||
@@ -16,6 +16,5 @@ text-align: left; | ||
| display: inline-block; | ||
| padding-top: 10px; | ||
| width: 100px; | ||
| height: 30px; | ||
| line-height: 18px; | ||
| line-height: 30px; | ||
| color: white; | ||
@@ -28,3 +27,3 @@ background-color: orangered; | ||
| border: 2px dashed orangered; | ||
| width: 1300px; | ||
| width: 980px; | ||
| height: 250px; | ||
@@ -35,6 +34,5 @@ } | ||
| display: inline-block; | ||
| padding-top: 10px; | ||
| width: 150px; | ||
| width: 100px; | ||
| height: 30px; | ||
| line-height: 18px; | ||
| line-height: 30px; | ||
| color: white; | ||
@@ -51,17 +49,17 @@ background-color: orangered; | ||
| top: 182px; | ||
| left: 155px; | ||
| left: 125px; | ||
| height: 20px; | ||
| line-height: 10px; | ||
| line-height: 20px; | ||
| } | ||
| .Nav_ijz_xxfp h4 > div > #C { | ||
| top: 30px; | ||
| left: 280px; | ||
| left: 230px; | ||
| } | ||
| .Nav_ijz_xxfp h4 > div > #D { | ||
| top: 30px; | ||
| left: 555px; | ||
| left: 430px; | ||
| } | ||
| .Nav_ijz_xxfp h4 > div > #E { | ||
| top: 30px; | ||
| left: 830px; | ||
| left: 630px; | ||
| } | ||
@@ -71,3 +69,3 @@ .Nav_ijz_xxfp h4 > div > #F { | ||
| top: 30px; | ||
| left: 1105px; | ||
| left: 830px; | ||
| } |
+1
-1
| { | ||
| "name": "ijz-navflow", | ||
| "version": "1.0.7", | ||
| "version": "1.0.8", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
105123
-0.05%3334
-0.06%