VexFlow 小節番号 - 版の履歴

2024年3月12日 (火) 06:12にYo-netによる

2024-03-12T06:12:13Z

← 古い版		2024年3月12日 (火) 15:12時点における版
422行目:		422行目:
	第1引数: 表示させたい数値の指定		第1引数: 表示させたい数値の指定

	という感じで指定するだけです。フォントがダサい。ビビる。まぁ使わせてもらっときながら文句ばっかりでるもんですね。ひどいよね。Vexflowの中の人はもうちょっと基本的な機能の部分にこだわりを見せてほしいな。		という感じで指定するだけです。ト音記号とかの外側に表示される部分が謎。そんなことする？全国の吹奏楽部諸君もそう思わない？内側に書くでしょ。普通ね。そして、またフォントがダサい。ビビる。まぁ使わせてもらっときながら文句ばっかりでるもんですね。ひどいよね。Vexflowの中の人はもうちょっと基本的な機能の部分にこだわりを見せてほしいな。



	[[VexFlow 使い方]]に戻る。		[[VexFlow 使い方]]に戻る。

2024年3月12日 (火) 06:09にYo-netによる

2024-03-12T06:09:09Z

← 古い版		2024年3月12日 (火) 15:09時点における版
8行目:		8行目:


	staveオブジェクトのメンバ関数.setMeasure;~~で、表示したい記号の文字列を指定するだけです。以下のとおりの表示になります。~~		staveオブジェクトのメンバ関数.setMeasure;で、表示したい番号の数値を指定するだけです。以下のとおりの表示になります。

Yo-net: /* セクション記号 */

2024-03-12T06:08:43Z

セクション記号

← 古い版		2024年3月12日 (火) 15:08時点における版
417行目:		417行目:


	staveオブジェクトのメンバ関数に.~~setSectionという関数があり~~		staveオブジェクトのメンバ関数に.setMeasureという関数があり


	第1引数: ~~表示させたい文字列リテラルの指定~~		第1引数: 表示させたい数値の指定

	~~第2引数: 縦方向のオフセット下がプラス。上にオフセットがマイナス~~


	という感じで指定するだけです。フォントがダサい。ビビる。まぁ使わせてもらっときながら文句ばっかりでるもんですね。ひどいよね。Vexflowの中の人はもうちょっと基本的な機能の部分にこだわりを見せてほしいな。		という感じで指定するだけです。フォントがダサい。ビビる。まぁ使わせてもらっときながら文句ばっかりでるもんですね。ひどいよね。Vexflowの中の人はもうちょっと基本的な機能の部分にこだわりを見せてほしいな。

Yo-net: /* セクション記号 */

2024-03-12T06:06:47Z

セクション記号

← 古い版		2024年3月12日 (火) 15:06時点における版
211行目:		211行目:
	const svgElement = document.querySelector('#Output svg');		const svgElement = document.querySelector('#Output svg');
	svgElement.style.backgroundColor = '#F5F5F5';		svgElement.style.backgroundColor = '#F5F5F5';
	~~const svgNS = 'http://www.w3.org/2000/svg';~~
	~~const lineColor = '#EEEEEE';~~
	</yjavascript>		</yjavascript>

Yo-net: /* セクション記号 */

2024-03-12T06:05:18Z

セクション記号

← 古い版		2024年3月12日 (火) 15:05時点における版
207行目:		207行目:
	stave8.setMeasure(8);		stave8.setMeasure(8);
	stave8.draw();		stave8.draw();

	~~ctx.setFillStyle('#F5F5F5');~~
	~~ctx.fillRect(0, 0, f.width, f.height);~~

	})();		})();

292行目:		288行目:
	stave1.setTimeSignature('4/4').setContext(ctx);		stave1.setTimeSignature('4/4').setContext(ctx);
	stave1.setSection("A", 0);		stave1.setSection("A", 0);
			stave1.setMeasure(1);
	//stave1.setBegBarType(4);//BarLine.type.REPEAT_BEGIN		//stave1.setBegBarType(4);//BarLine.type.REPEAT_BEGIN
	stave1.setBegBarType(VF.Barline.type.REPEAT_BEGIN);//BarLine.type.REPEAT_BEGIN		stave1.setBegBarType(VF.Barline.type.REPEAT_BEGIN);//BarLine.type.REPEAT_BEGIN
327行目:		324行目:
	const stave2 = new Stave(stave1.width + stave1.x, stave1.y, nStaveWidth).setContext(ctx);		const stave2 = new Stave(stave1.width + stave1.x, stave1.y, nStaveWidth).setContext(ctx);
	stave2.setEndBarType(VF.Barline.type.REPEAT_BOTH);		stave2.setEndBarType(VF.Barline.type.REPEAT_BOTH);
			stave2.setMeasure(2);
	stave2.draw();		stave2.draw();

333行目:		331行目:
	stave3.setEndBarType(VF.Barline.type.NONE);		stave3.setEndBarType(VF.Barline.type.NONE);
	stave3.setSection("B", 0);		stave3.setSection("B", 0);
			stave3.setMeasure(3);
	stave3.draw();		stave3.draw();

339行目:		338行目:
	stave4.setBegBarType(VF.Barline.type.NONE);		stave4.setBegBarType(VF.Barline.type.NONE);
	stave4.setEndBarType(VF.Barline.type.REPEAT_END);		stave4.setEndBarType(VF.Barline.type.REPEAT_END);
			stave4.setMeasure(4);
	stave4.draw();		stave4.draw();

346行目:		346行目:
	stave5.addTimeSignature('4/4').setContext(ctx);		stave5.addTimeSignature('4/4').setContext(ctx);
	stave5.setSection("C", 0);		stave5.setSection("C", 0);
			stave5.setMeasure(5);
	stave5.setEndBarType(VF.Barline.type.SINGLE);//規定値(省略可能)		stave5.setEndBarType(VF.Barline.type.SINGLE);//規定値(省略可能)

378行目:		379行目:
	const stave6 = new Stave(stave5.width + stave5.x, stave5.y, nStaveWidth).setContext(ctx);		const stave6 = new Stave(stave5.width + stave5.x, stave5.y, nStaveWidth).setContext(ctx);
	stave6.setEndBarType(VF.Barline.type.DOUBLE);		stave6.setEndBarType(VF.Barline.type.DOUBLE);
			stave6.setMeasure(6);

	stave6.draw();		stave6.draw();
401行目:		403行目:

	const stave7 = new Stave(stave6.width + stave6.x, stave5.y, nStaveWidth).setContext(ctx);		const stave7 = new Stave(stave6.width + stave6.x, stave5.y, nStaveWidth).setContext(ctx);
			stave7.setMeasure(7);
	stave7.draw();		stave7.draw();

406行目:		409行目:
	const stave8 = new Stave(stave7.width + stave7.x, stave5.y, nStaveWidth).setContext(ctx);		const stave8 = new Stave(stave7.width + stave7.x, stave5.y, nStaveWidth).setContext(ctx);
	stave8.setEndBarType(VF.Barline.type.END);		stave8.setEndBarType(VF.Barline.type.END);
			stave8.setMeasure(8);
	stave8.draw();		stave8.draw();
	})();		})();