必威体育下载克里斯蒂安·海尔曼

交互式排版作弊单

几周前我偶然发现了一个很好的资源,一份印刷术备忘单,解释字母各部分的正确名称。我想把它变成一个互动的备忘表会很有趣,我想知道会涉及到多少。原来,没那么多,这里是一个交互式排版备忘单为你。

这个代码在GitHub上可用我也希望看到贡献和改进的要求。

关于质量和资源的简短说明:

我印象深刻这是多么容易做到的原始创作者Martin Silvertant提供的资源不仅仅是一个PDFJPG,但是一个组织清晰的人工智能文件。我的搭档帮我把它作为静止无功发生器我去参加比赛了。出口的静止无功发生器是大的,但很容易发现哪些部分不需要。我所做的就是使用浏览器开发工具,通过单击静止无功发生器在源视图中,并在渲染的静止无功发生器.我为每个元素添加了一个ID,并在javascript中创建了一个映射来定义单击每个元素时要显示的标签。


常量信息={
“e1”:“标题”,
“e2”:“肩部”,
“E3”:“光圈”,
'E4':'STEM',

/*等等直到*/

'E49':'head serif'
}

其余的javascript是一个非常简单的事件委托示例。在CSS是平滑过渡的原因。

我想看的东西:

我计划要做的事情: