「VexFlow 連符」の版間の差分

提供:yonewiki
233行目: 233行目:
const setStemDown = setStemDirection(Stem.DOWN);
const setStemDown = setStemDirection(Stem.DOWN);


const f = new Factory({ renderer: { elementId: 'output3', width: 490, height: 250 } });
const f = new Factory({ renderer: { elementId: 'output3', width: 490, height: 200 } });
// Create an SVG renderer and attach it to the DIV element with id="output".
// Create an SVG renderer and attach it to the DIV element with id="output".
     const stave = f.Stave({ x: 10, y: 65, width: 470 }).addTimeSignature('5/8');
     const stave = f.Stave({ x: 10, y: 40, width: 470 }).addTimeSignature('5/8');
     const notes = [
     const notes = [
         { keys: ['f/4'], duration: '4' },
         { keys: ['f/4'], duration: '4' },

2022年12月17日 (土) 15:34時点における版

概要

 連符を描いてみたいと思います。tupletというのが連符のキーワードになります。

3連符

 

12連符

 

テスト

 まぁな、わかんね。この後ろに3:2とかってなるセンスがわからん。