标签：javascript fonts canvas webkit font-size

我在画布实例上渲染小文本,它在Firefox 4上按预期工作,但在Chrome和Safari上,字体呈现使用这些浏览器中设置的最小字体大小,这已经是最小的,不能通过UI,(看起来像6px字体大小),但它仍然太大,我想要完成.

我用来打印字体的代码类似于以下内容,以防它可能有用：

ctx.font = '4px Monospace';
ctx.fillText("Any text", 0, 10);

那么,是否可以覆盖最小字体大小设置？

更新：我知道4px的文本不可读,但这不是问题的重点.事实上,我根本不需要它是可读的.

更新2：在Safari this solution上可以使用,但它仍无法在Chrome中运行.

谢谢.

解决方法:

您可以尝试使用更大的字体和scaling the context：

ctx.font = '8px Monospace';
ctx.save();
ctx.scale(0.5, 0.5);
ctx.fillText("Any text", 0, 20);
ctx.restore();

在指定文本位置时,请记住要记住缩放比例.

这可能很容易降低文本的图形质量,但是在这个尺寸下它无论如何都是不可读的.

标签：javascript,fonts,canvas,webkit,font-size
来源： https://codeday.me/bug/20190704/1380740.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。