Zach's git repos / ccharter-c
efficient program to spit out SVG for guitar/uke chord frett diagram
* Allow variable number of frets (2 - n)
(Specified by the length of the chordFrets parameter)
Browse Source
Zach DeCook 2018-03-20
parent dffd1be · commit 7f1d966
Diffstat
-rw-r--r--scripts/ccharter.js15
1 files changed, 8 insertions, 7 deletions
diff --git a/scripts/ccharter.js b/scripts/ccharter.js
index 353c081..fdd895e 100644
--- a/scripts/ccharter.js
+++ b/scripts/ccharter.js
@@ -6,7 +6,9 @@ var ChordCharter = {
name: chordName,
frets: chordFrets
};
-
+
+ fretsCount = chord.frets.length;
+
var c=document.getElementById(canvasId);
var ctx=c.getContext("2d");
ctx.fillStyle="#000";
@@ -26,10 +28,9 @@ var ChordCharter = {
}
// verts
-
- for (counter in new Array(0, 1, 2, 3, 4, 5)) {
- ctx.moveTo(origin.x + (counter * props.width / 5), origin.y);
- ctx.lineTo(origin.x + (counter * props.width / 5), origin.y + props.height);
+ for ( i = 0; i < fretsCount; i++ ) {
+ ctx.moveTo(origin.x + (i * props.width / (fretsCount - 1)), origin.y);
+ ctx.lineTo(origin.x + (i * props.width / (fretsCount - 1)), origin.y + props.height);
ctx.stroke();
}
@@ -73,7 +74,7 @@ var ChordCharter = {
for (j=0; j < chord.frets.length; j++) {
ctx.alignText = "left";
- ctx.fillText(chord.frets.charAt(j), origin.x + (i * props.width / 5), origin.y + props.height + 12);
+ ctx.fillText(chord.frets.charAt(j), origin.x + (i * props.width / (fretsCount - 1)), origin.y + props.height + 12);
if (chord.frets.charAt(j) == 0) {
@@ -82,7 +83,7 @@ var ChordCharter = {
} else {
ctx.beginPath();
- ctx.arc(origin.x + (i * props.width / 5), origin.y - 7.5 + (15 * (chord.frets.charAt(j) - baseFret)), dotsize, 0, Math.PI*2,true);
+ ctx.arc(origin.x + (i * props.width / (fretsCount -1)), origin.y - 7.5 + (15 * (chord.frets.charAt(j) - baseFret)), dotsize, 0, Math.PI*2,true);
ctx.closePath();
ctx.fill();
}