VexFlow スラー - 版の履歴

Yo-net: /* スラー */

2024-03-10T16:10:49Z

スラー

2024-03-10T13:09:48Z

スラー

← 古い版		2024年3月10日 (日) 22:09時点における版
263行目:		263行目:
	ctx.stroke();		ctx.stroke();
	}		}

	~~// 横線を引く~~
	~~//for (let i = stave.y; i <= stave.y + stave.height; i += 10) {~~
	~~// ctx.beginPath();~~
	~~// ctx.moveTo(stave.x, i);~~
	~~// ctx.lineTo(stave.x + stave.width, i);~~
	~~// ctx.stroke();~~
	~~//}~~

	ctx.lineWidth = defaultStyle.lineWidth;		ctx.lineWidth = defaultStyle.lineWidth;

2024-03-10T13:09:07Z

スラー

@@ 12行目: / 12行目: @@
 == '''スラー''' ==
-<div id="Output"></div>
+<div id="yonet202403Mid_Output01"></div>
 <yjavascript></script>
 <script>
@@ 30行目: / 30行目: @@
 let nheight = 320;
 const f = new Factory({
-   renderer: { elementId: 'Output', width: nwidth, height: nheight * nscale }
+   renderer: { elementId: 'yonet202403Mid_Output01', width: nwidth, height: nheight * nscale }
    });
 const ctx = f.getContext();
@@ 217行目: / 217行目: @@
    Voice,
    StaveTie,
 } = Vex.Flow;
-const f = new Factory({ renderer: { elementId: 'Output', width: 1500, height: 400 } });
+let nscale = 0.5
 const ctx = f.getContext();
 const stave1 = new Stave(10, 50, 350).setContext(ctx);
@@ 306行目: / 358行目: @@
 tie5.setContext(ctx).draw();
 })();
 </script>
 </syntaxhighlight>

2024-03-10T13:00:59Z

スラー

2024-03-10T12:59:04Z

スラー

← 古い版		2024年3月10日 (日) 21:59時点における版
26行目:		26行目:
	} = Vex.Flow;		} = Vex.Flow;

			let nscale = 0.5
	let nwidth = 1040;		let nwidth = 1040;
	let nheight = 320;		let nheight = 320;
	const f = new Factory({		const f = new Factory({
	renderer: { elementId: 'Output', width: nwidth, height: nheight }		renderer: { elementId: 'Output', width: nwidth, height: nheight * nscale }
	});		});
	const ctx = f.getContext();		const ctx = f.getContext();
	ctx.scale(~~0.5~~, ~~0.5~~);		ctx.scale(nscale, nscale);

	//ctx.setBackgroundFillStyle('#EEEEEE');		//ctx.setBackgroundFillStyle('#EEEEEE');

2024-03-10T12:46:32Z

スラー

← 古い版		2024年3月10日 (日) 21:46時点における版
32行目:		32行目:
	});		});
	const ctx = f.getContext();		const ctx = f.getContext();
			ctx.scale(0.5, 0.5);

	//ctx.setBackgroundFillStyle('#EEEEEE');		//ctx.setBackgroundFillStyle('#EEEEEE');

2024-03-10T12:43:35Z

スラー

← 古い版		2024年3月10日 (日) 21:43時点における版
29行目:		29行目:
	let nheight = 320;		let nheight = 320;
	const f = new Factory({		const f = new Factory({
	renderer: { elementId: 'Output', width: nwidth, height: nheight~~, scale: 0.5~~ }		renderer: { elementId: 'Output', width: nwidth, height: nheight }
	});		});
	const ctx = f.getContext();		const ctx = f.getContext();

2024-03-10T12:42:49Z

スラー

← 古い版		2024年3月10日 (日) 21:42時点における版
29行目:		29行目:
	let nheight = 320;		let nheight = 320;
	const f = new Factory({		const f = new Factory({
	renderer: { elementId: 'Output', width: nwidth, height: nheight },		renderer: { elementId: 'Output', width: nwidth, height: nheight, scale: 0.5 }
	scale: 0.5
	});		});
	const ctx = f.getContext();		const ctx = f.getContext();

2024-03-10T12:42:06Z

スラー

← 古い版		2024年3月10日 (日) 21:42時点における版
28行目:		28行目:
	let nwidth = 1040;		let nwidth = 1040;
	let nheight = 320;		let nheight = 320;
	const f = new Factory({ renderer: { elementId: 'Output', width: nwidth, height: nheight } });		const f = new Factory({
			renderer: { elementId: 'Output', width: nwidth, height: nheight },
			scale: 0.5
			});
	const ctx = f.getContext();		const ctx = f.getContext();

2024-03-10T12:35:46Z

スラー

← 古い版		2024年3月10日 (日) 21:35時点における版
26行目:		26行目:
	} = Vex.Flow;		} = Vex.Flow;

	let nwidth = ~~1500~~;		let nwidth = 1040;
	let nheight = 320;		let nheight = 320;
	const f = new Factory({ renderer: { elementId: 'Output', width: nwidth, height: nheight } });		const f = new Factory({ renderer: { elementId: 'Output', width: nwidth, height: nheight } });