weixin_42650595的博客

我们在做国际化网站的时候，必然会遇到多语言的场景，而同一个词语或者语句，翻译成不同国家的语言后，其长度是不一样的。假设有这么一个场景：有一个固定宽度的按钮，按钮文案为中文的时候，它可以一行展示，但是翻译成英文或者其它语言的时候，长度超过了按钮的宽度，默认情况下是会换行展示成两行。现在需求是当文案超过按钮宽度之后，缩小文案，让文案始终展示成一行。本文将介绍如何使用 canvas 来实现此业务场景。

最近在做一个桌面应用程序（一个基于electron的音乐播放器），在写mv播放界面时用到了video标签，代码如下：<video width="520" height="400" controls style="cursor: pointer" autoplay > <source :src="mvUrl" type="video/mp4" /> </video>项目是用vue.js来构建UI的，如上图所示，source标签的src属性使用了vue的动态绑