「VexFlow 連符」の版間の差分

提供:yonewiki
224行目: 224行目:
const f = new Factory({ renderer: { elementId: 'output3', width: 1280, height: 300 } });
const f = new Factory({ renderer: { elementId: 'output3', width: 1280, height: 300 } });
// 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: 10 }).addTimeSignature('5/8');
     const stave = f.Stave({ x: 10, y: 10, width: 1200 }).addTimeSignature('5/8');
     const notes = [
     const notes = [
         { keys: ['f/4'], duration: '4' },
         { keys: ['f/4'], duration: '4' },

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

概要

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

3連符

 

12連符

 

テスト