Kyle/Wiring-Designer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Render stripe as solid 1px center line (1/3 wire width)

Browse Source 
Replaces tick marks with a solid stripe line following the wire path
at strokeWidth=1 (main wire is 3px), centered on the wire body.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle
2026-04-24 15:07:07 -04:00
parent 353a2cb2ef
commit f958027528
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/js/canvas.js
+6 -9
View File
@@ -970,7 +970,7 @@ class DiagramCanvas {
if (n.shield) n.shield.data(svgPath);
if (!wire.twisted_pair) {
n.main.data(svgPath);
if (n.stripe) n.stripe.data(this._computeStripeTickPath(pts, 8, 2) || svgPath);
if (n.stripe) n.stripe.data(svgPath);
}
if (n.helix) n.helix.data(this._computeHelixPath(pts, wire.twist_pitch || 16, false));
if (n.helix2) n.helix2.data(this._computeHelixPath(pts, wire.twist_pitch || 16, true));
@@ -1584,13 +1584,10 @@ class DiagramCanvas {
let stripe = null;
if (wire.color_stripe && !wire.twisted_pair) {
const tickPath = this._computeStripeTickPath(pts, 8, 2);
if (tickPath) {
stripe = new Konva.Path({
data: tickPath, stroke: wire.color_stripe,
strokeWidth: 2, lineCap: "round", fill: null, listening: false,
});
}
stripe = new Konva.Path({
data: svgPath, stroke: wire.color_stripe,
strokeWidth: 1, lineCap: "round", lineJoin: "round", fill: null, listening: false,
});
}
// Keep hit as Konva.Line for reliable click/drag detection over full wire
@@ -1691,7 +1688,7 @@ class DiagramCanvas {
if (n.shield) n.shield.data(svgPath);
if (!wire.twisted_pair) {
n.main.data(svgPath);
if (n.stripe) n.stripe.data(this._computeStripeTickPath(pts, 8, 2) || svgPath);
if (n.stripe) n.stripe.data(svgPath);
}
if (n.helix) n.helix.data(this._computeHelixPath(pts, wire.twist_pitch || 16, false));
if (n.helix2) n.helix2.data(this._computeHelixPath(pts, wire.twist_pitch || 16, true));