### JianpuRender Development Setup Source: https://github.com/flufy3d/jianpurender/blob/main/README.md Clone the repository, install dependencies, build the project, run tests, and start the local development server. ```bash git clone https://github.com/flufy3d/jianpurender.git cd jianpurender # 安装依赖 yarn install # 构建项目 yarn build # 运行测试 yarn test # 启动本地演示 yarn demo:serve ``` -------------------------------- ### Install JianpuRender Source: https://github.com/flufy3d/jianpurender/blob/main/README.md Install the JianpuRender library using npm or pnpm. ```bash npm install jianpurender # 或 pnpm add jianpurender ``` -------------------------------- ### Run Full Test Suite and Build Source: https://github.com/flufy3d/jianpurender/blob/main/README.md Execute the complete test suite and build process before committing changes. ```bash yarn test-and-build ``` -------------------------------- ### Initialize and Render Score Source: https://github.com/flufy3d/jianpurender/blob/main/README.md Initialize the JianpuSVGRender with score data, configuration options, and a container element. This snippet demonstrates basic score rendering with notes, key signatures, and time signatures. ```typescript import { JianpuSVGRender } from 'jianpurender'; // 初始化容器 const container = document.getElementById('score-container')! as HTMLDivElement; // 创建渲染实例 const renderer = new JianpuSVGRender( { notes: [ { start: 0, length: 1, pitch: 60 }, { start: 1, length: 1, pitch: 62 }, { start: 2, length: 1, pitch: 64 }, { start: 3, length: 1, pitch: 65 }, { start: 4, length: 1, pitch: 67 }, { start: 5, length: 1, pitch: 69 }, { start: 6, length: 1, pitch: 71 }, { start: 7, length: 1, pitch: 72 } ], keySignatures: [{ start: 0, key: 0 }], timeSignatures: [{ start: 0, numerator: 4, denominator: 4 }] }, { noteHeight: 24 }, container ); ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.