登录 注册

五线谱输入框问题

image.png

编辑框里的如果出现滚动条，输入后会强制 将高度拉长

编辑很长的谱子的时候使用体验不佳

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    19137 引用 • 71943 回帖
深圳 位置
4 回帖
2
2
61 52 2 4 1

相关帖子

4 回帖
五线谱输入框问题

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • lunzi • • 1 评论
    订阅者 支持者 勇士 作者
    X:1 % % Example J.S. Bach transcription originally imported from MusicXML % % Click "Play" to play % T:Two-Part Invention #1 C:J.S. Bach L:1/16 Q:1/4=84 M:4/4 K:Bb % % Try changing the abcjs_soundfont value to % fluid, fluidhq, musyng, fatboy, canvas, mscore, or arachno: % %abcjs_soundfont fluid % %%staffsep 40 %%stretchlast true % % Try changing these to %%MIDI program mute % to isolate individual voices: % V:1 treble %%MIDI program 6 V:2 bass %%MIDI program 6 V:1 [Q:84] z B,CD ECDB, F2B2 A/G/AB2 | cFGA BGAF c2f2 e/d/ef4 | dgfe dfeg fedc Bdce | dcBA GBAc BAGF =EGFA | G2C2 B/A/B2c AGF=E DFEG | FAGB AcBd cA/B/cf A/B/AGF | .F4 z4 z FGA BGAF | .=E4 z4 z GAB cABG | .A4 z4 z cBA GBAc | .B4 z4 z dcB Ac=Bd | c2=B2c2d2 e2G2A2B2 | c2=E2^F2G2 A2B2 c4 | z D=E^F GEFD dcBd cBAc | Bg^fa gdec ^Fedc B/c/BAG | Ggfe dfeg f8- | fdef gefd e8 | z fed cedf e8- | ecde fdec d8- | dBcd ecdB cdef gefd | efga bgaf [Q:78]b2f2 [Q:70]d/e/dcB| B_AGF [Q:62]EGFA [Q:54]G=ABD [Q:46]CB[Q:28]EA | [DFB]16|] V:2 [Q:84] z8 z B,,C,D, E,C,D,B,, | F,2F,,2 z4 z F,G,A, B,G,A,F, | B,2A,2B,2C2 D2F,2G,2A,2 | B,2D,2=E,2F,2 G,2A,2 B,4- | B,C,D,=E, F,D,=E,C, F,2A,,2B,,2C,2 | D,2=E,2F,2D,2 A,,2>B,,2 C,2C,,2 | z F,,G,,A,, B,,G,,A,,F,, C,2F,2=E,2F,2 | G,C,D,=E, F,D,=E,C, G,2C2B,2C2 | F,FED CEDF E2D2E2C2 | DGFE DFEG F2E2F2D2 | E_AGF EGFA GFED CEDF | EDCB, A,CB,D CB,A,G, ^F,A,G,B, | A,2D,2C/B,/.C3 B,A,G,F, =E,G,^F,A, | G,B,A,C B,DCE D2G,2D2D,2 | G,2G,,2 z4 z DCB, A,C=B,D | C8- CG,A,B, CA,B,G, | A,8- A,CB,A, G,B,A,C | B,8- B,F,G,_A, B,G,_A,F, | G,2_A,2G,2F,2 E,2C2B,2_A,2 | G,2E2D2C2 DC,D,E, F,D,E,C, | D,2B,,2C,2D,2 E,C,D,E, [Q:46]F,2[Q:28]F,,2 | [B,,,B,,]16 |]
    这是网上抄来的谱子，查看源码可以用于测试
    lunzi •
  • JeffreyChen •
    付费者 支持者 捐赠者

    那就把输入框拉大一点：

    image.png

    1 回复
  • lunzi •
    订阅者 支持者 勇士 作者

    短的没问题，长谱子有时候不想拉到最长， 但会强制拉长

  • JeffreyChen • • 4 评论
    付费者 支持者 捐赠者

    @Vanessa 这个浮窗的定位有点问题，应该只需要垂直方向拉高，水平位置不用动：

    定位.gif

    这个是优化，避免太大时对正文的遮挡。
    Vanessa •
    @Vanessa 但是感觉相当突兀啊
    JeffreyChen •
    @Vanessa 能不能有个动画之类的东西让浮窗快速平移过去而不是闪现过去？
    JeffreyChen •
    @JeffreyChen 试了一下，添加动画的话，位置计算会出现问题。
    Vanessa •
lunzi
深圳
回帖
90
 帖子
13
 积分
18748

近期热议

推荐标签 标签

  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    7 引用 • 26 回帖
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 514 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 629 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图（data flow graphs），用于数值计算的开源软件库。节点（Nodes）在图中表示数学操作，图中的线（edges）则表示在节点间相互联系的多维数据数组，即张量（tensor）。

    20 引用 • 19 回帖 • 2 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 6 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    536 引用 • 672 回帖
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流，分享无限上传的图片，发布链接和视频，更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 454 关注
  • OnlyOffice
    4 引用 • 18 关注
  • SQLite

    SQLite 是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖 • 2 关注
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 606 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和，范畴较广，一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    228 引用 • 1450 回帖
  • 学习

    “梦想从学习开始，事业从实践起步” —— 习近平

    162 引用 • 473 回帖
  • 创业

    你比 99% 的人都优秀么？

    82 引用 • 1398 回帖
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 15 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 634 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 22 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 604 关注
  • Sillot

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。
    项目 Github 地址：https://github.com/Hi-Windom/Sillot ，点个免费的 ⭐ 收藏是汐洛更新的最大动力。

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    23 引用 • 17 回帖 • 42 关注
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    165 引用 • 407 回帖 • 526 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖
  • 面试

    面试造航母，上班拧螺丝。多面试，少加班。

    324 引用 • 1395 回帖 • 1 关注
  • IPFS

    IPFS（InterPlanetary File System，星际文件系统）是永久的、去中心化保存和共享文件的方法，这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 233 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活，连接点滴

    133 引用 • 3655 回帖 • 2 关注
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 355 关注
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    19137 引用 • 71943 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    106 引用 • 152 回帖 • 2 关注

最新标签