VexFlow test content - 版の履歴

Yo-net: /* 概要 */

2024-04-12T13:28:11Z

概要

← 古い版		2024年4月12日 (金) 22:28時点における版
148行目:		148行目:
	];		];

	SteveNoteUniqueIds = getUniqueStaveNotesIds(notes1, [0]);		//SteveNoteUniqueIds = getUniqueStaveNotesIds(notes1, [0]);
	allFlagUniqueIds = updateAllFlagUniqueIds(SteveNoteUniqueIds);		//allFlagUniqueIds = updateAllFlagUniqueIds(SteveNoteUniqueIds);

	UniqueIds = getUniqueNoteheadIds(notes1[0]);		//UniqueIds = getUniqueNoteheadIds(notes1[0]);
	allUniqueIds = updateAllUniqueIds(UniqueIds);		//allUniqueIds = updateAllUniqueIds(UniqueIds);

	var stave1Voice = new Vex.Flow.Voice({ num_beats: 4, beat_value: 4 });		var stave1Voice = new Vex.Flow.Voice({ num_beats: 4, beat_value: 4 });

Yo-net: /* 概要 */

2024-04-12T13:26:37Z

概要

← 古い版		2024年4月12日 (金) 22:26時点における版
142行目:		142行目:
	stave1.setClef("treble").setContext(ctx);		stave1.setClef("treble").setContext(ctx);
	stave1.setTimeSignature('4/4').setContext(ctx);		stave1.setTimeSignature('4/4').setContext(ctx);
	~~stave1.setSection("A", 0);~~
	~~//stave1.setBegBarType(4);//BarLine.type.REPEAT_BEGIN~~
	~~stave1.setBegBarType(VF.Barline.type.REPEAT_BEGIN);//BarLine.type.REPEAT_BEGIN~~
	stave1.draw();		stave1.draw();

	~~//SINGLE:1, DOUBLE:2, END:3, REPEAT_BEGIN:4, REPEAT_END:5, REPEAT_BOTH:6, NONE:7~~
	~~const gracenotes1 = [~~
	~~new VF.GraceNote({ keys: ['a/5', 'c/5', 'e/5'], duration: '8', slash: true })~~
	~~.addModifier(new VF.Accidental('n'), 0)~~
	~~.addModifier(new VF.Accidental('#'), 1)~~
	~~.addModifier(new VF.Accidental('b'), 2)~~
	];

	const notes1 = [		const notes1 = [
	new VF.StaveNote({ keys: ["a/5"], duration: "~~2" }),~~		new VF.StaveNote({ keys: ["a/5"], duration: "1" }),
	~~new VF.StaveNote({ keys: ["a/5"], duration: "8" }),~~
	~~new VF.StaveNote({ keys: ["e/5"], duration: "8" }),~~
	~~new VF.StaveNote({ keys: ["f/5"], duration: "8" }),~~
	~~new VF.StaveNote({ keys: ["g/5"], duration: "8~~" }),
	];		];
	~~notes1[1].addModifier(new VF.Articulation('a.').setPosition(3));~~
	~~notes1[1].addModifier(new VF.GraceNoteGroup(gracenotes1, true), 0);~~

	SteveNoteUniqueIds = getUniqueStaveNotesIds(notes1, [1]);		SteveNoteUniqueIds = getUniqueStaveNotesIds(notes1, [0]);
	allFlagUniqueIds = updateAllFlagUniqueIds(SteveNoteUniqueIds);		allFlagUniqueIds = updateAllFlagUniqueIds(SteveNoteUniqueIds);

Yo-net: /* 概要 */

2024-04-06T07:44:44Z

概要

← 古い版		2024年4月6日 (土) 16:44時点における版
156行目:		156行目:

	const notes1 = [		const notes1 = [
	new VF.StaveNote({ keys: ["a/5"], duration: "~~8" }),~~		new VF.StaveNote({ keys: ["a/5"], duration: "2" }),
	~~new VF.StaveNote({ keys: ["e/5"], duration: "8" }),~~
	~~new VF.StaveNote({ keys: ["f/5"], duration: "8" }),~~
	~~new VF.StaveNote({ keys: ["g/5"], duration: "8~~" }),
	new VF.StaveNote({ keys: ["a/5"], duration: "8" }),		new VF.StaveNote({ keys: ["a/5"], duration: "8" }),
	new VF.StaveNote({ keys: ["e/5"], duration: "8" }),		new VF.StaveNote({ keys: ["e/5"], duration: "8" }),
165行目:		162行目:
	new VF.StaveNote({ keys: ["g/5"], duration: "8" }),		new VF.StaveNote({ keys: ["g/5"], duration: "8" }),
	];		];
	notes1[4].addModifier(new VF.Articulation('a.').setPosition(3));		notes1[1].addModifier(new VF.Articulation('a.').setPosition(3));
	notes1[4].addModifier(new VF.GraceNoteGroup(gracenotes1, true), 0);		notes1[1].addModifier(new VF.GraceNoteGroup(gracenotes1, true), 0);

	SteveNoteUniqueIds = getUniqueStaveNotesIds(notes1, [4]);		SteveNoteUniqueIds = getUniqueStaveNotesIds(notes1, [1]);
	allFlagUniqueIds = updateAllFlagUniqueIds(SteveNoteUniqueIds);		allFlagUniqueIds = updateAllFlagUniqueIds(SteveNoteUniqueIds);

	UniqueIds = getUniqueNoteheadIds(notes1[0]);		UniqueIds = getUniqueNoteheadIds(notes1[0]);
	~~allUniqueIds = updateAllUniqueIds(UniqueIds);~~

	~~UniqueIds = getUniqueNoteheadIds(notes1[1]);~~
	allUniqueIds = updateAllUniqueIds(UniqueIds);		allUniqueIds = updateAllUniqueIds(UniqueIds);

Yo-net: /* 概要 */

2024-04-06T05:55:50Z

概要

← 古い版		2024年4月6日 (土) 14:55時点における版
149行目:		149行目:
	//SINGLE:1, DOUBLE:2, END:3, REPEAT_BEGIN:4, REPEAT_END:5, REPEAT_BOTH:6, NONE:7		//SINGLE:1, DOUBLE:2, END:3, REPEAT_BEGIN:4, REPEAT_END:5, REPEAT_BOTH:6, NONE:7
	const gracenotes1 = [		const gracenotes1 = [
	new VF.GraceNote({ keys: ['a/4', 'c/5', 'e/5'], duration: '8', slash: true })		new VF.GraceNote({ keys: ['a/5', 'c/5', 'e/5'], duration: '8', slash: true })
	.addModifier(new VF.Accidental('n'), 0)		.addModifier(new VF.Accidental('n'), 0)
	.addModifier(new VF.Accidental('#'), 1)		.addModifier(new VF.Accidental('#'), 1)

Yo-net: /* 概要 */

2024-04-05T16:17:06Z

概要

@@ 222行目: / 222行目: @@
              if (dAttribute.startsWith('M')) {
                var CnumberOfValues = (dAttribute.match(/C/g) || []).length; // カンマの数 + 1 = 数値の数
                  // 座標の差を計算します
                if(CnumberOfValues > 0){
@@ 234行目: / 235行目: @@
                      path.setAttribute("stroke", "none");
+                   }
+                 }
+               }

Yo-net: /* 概要 */

2024-04-05T15:58:20Z

概要

← 古い版		2024年4月6日 (土) 00:58時点における版
160行目:		160行目:
	new VF.StaveNote({ keys: ["f/5"], duration: "8" }),		new VF.StaveNote({ keys: ["f/5"], duration: "8" }),
	new VF.StaveNote({ keys: ["g/5"], duration: "8" }),		new VF.StaveNote({ keys: ["g/5"], duration: "8" }),
	new VF.StaveNote({ keys: ["d/5"], duration: "8" }),		new VF.StaveNote({ keys: ["a/5"], duration: "8" }),
	new VF.StaveNote({ keys: ["e/5"], duration: "8" }),		new VF.StaveNote({ keys: ["e/5"], duration: "8" }),
	new VF.StaveNote({ keys: ["f/5"], duration: "8" }),		new VF.StaveNote({ keys: ["f/5"], duration: "8" }),

2024年4月5日 (金) 15:57にYo-netによる

2024-04-05T15:57:44Z

← 古い版		2024年4月6日 (土) 00:57時点における版
156行目:		156行目:

	const notes1 = [		const notes1 = [
	new VF.StaveNote({ keys: ["d/5"], duration: "8" }),		new VF.StaveNote({ keys: ["a/5"], duration: "8" }),
	new VF.StaveNote({ keys: ["e/5"], duration: "8" }),		new VF.StaveNote({ keys: ["e/5"], duration: "8" }),
	new VF.StaveNote({ keys: ["f/5"], duration: "8" }),		new VF.StaveNote({ keys: ["f/5"], duration: "8" }),

2024年4月5日 (金) 15:49にYo-netによる

2024-04-05T15:49:52Z

← 古い版		2024年4月6日 (土) 00:49時点における版
212行目:		212行目:
	if (element) {		if (element) {
	// 該当する要素があれば、描画内容を透明にする		// 該当する要素があれば、描画内容を透明にする
	let ~~flagpaths~~ = element.querySelectorAll('path');		let paths = element.querySelectorAll('path');
	~~flagpaths~~.forEach(path => {		paths.forEach(path => {
	var dAttribute = path.getAttribute('d');		var dAttribute = path.getAttribute('d');
	// カンマで区切られた数値の数を数えます		// カンマで区切られた数値の数を数えます

2024年4月5日 (金) 15:46にYo-netによる

2024-04-05T15:46:38Z

← 古い版		2024年4月6日 (土) 00:46時点における版
237行目:		237行目:
	}		}
	}		}
			}
			else if (numberOfValues === 35 \|\| numberOfValues === 95 \|\| numberOfValues === 41) {
			path.setAttribute("fill", "none");
			path.setAttribute("stroke", "none");
	}		}
	});		});

Yo-net: /* 概要 */

2024-04-05T15:42:34Z

概要

← 古い版		2024年4月6日 (土) 00:42時点における版
217行目:		217行目:
	// カンマで区切られた数値の数を数えます		// カンマで区切られた数値の数を数えます
	var numberOfValues = (dAttribute.match(/,/g) \|\| []).length + 1; // カンマの数 + 1 = 数値の数		var numberOfValues = (dAttribute.match(/,/g) \|\| []).length + 1; // カンマの数 + 1 = 数値の数
	~~var CnumberOfValues = (dAttribute.match(/C/g) \|\| []).length; // カンマの数 + 1 = 数値の数~~

	if (numberOfValues === 9) {		if (numberOfValues === 9) {
	if (dAttribute.startsWith('C')) {		var firstCoord = dAttribute.split(',')[0];
			if (dAttribute.startsWith('M')) {
			var CnumberOfValues = (dAttribute.match(/C/g) \|\| []).length; // カンマの数 + 1 = 数値の数
	// 座標の差を計算します		// 座標の差を計算します
			if(CnumberOfValues > 0){
	var coords = dAttribute.match(/[-+]?[0-9]*\.?[0-9]+/g).map(parseFloat);		var coords = dAttribute.match(/[-+]?[0-9]*\.?[0-9]+/g).map(parseFloat);
	var xdiff = coords[0] - coords[2]; // xの差を計算		var xdiff = coords[0] - coords[2]; // xの差を計算
233行目:		235行目:
	}		}
	}		}
			}
	}		}
	}		}