移动端canvas不支持字体设置？

大狗狗 2021-04-14 05:55:00

canvas绘文字，PC端正常，移动端（安卓或IOS）只能以宋体显示，无论代码指定哪种字体。我特意把runoob.com中的示例代码用手机跑了下，也只能显示出宋体。难道只能这样了么？

...全文

340 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

chenrynet 2021-04-14

打赏
举报

回复

字体不是都看设备有那种字体吗

文章目录一、canvas在移动端自适应大小canvas坑1：设置canvas的css的宽高会导致你的填充内容被拉伸canvas坑1解决办法：解决后的代码与效果如下：canvas坑2：不能设置css属性如何让它自适应？canvas坑2解决办法：二、设置背景色，画填充色三、填充字体、设置字体大小、粗体、颜色、文本X,Y轴居中对齐canvas坑3：设置完背景色设置文字失败？四、canvas填充字体模糊的解决办法canvas坑4：填充进去的字体非常模糊。canvas坑4解决方法：如果朋友们还遇到了什么坑没有解决请在下方评论，笔者陪你一起解决~ 今天笔者来与大家分享一下我之前做移动端使用canvas绘图

预览地址：https://blog.csdn.net/HandsomeGuy_/article/details/120882604

课程目标：本课程带领大家详细学习移动端布局和移动端网站开发原理课程简介：1，移动端介绍2，移动端分辨率3、移动端的设计4，移动端知识点5，通过案例讲移动端布局 6，把项目发布到移动端（手机）本课程的知识点：所有的知识点都是通过案例是讲解，大家会清晰知道知识点的应用与效果

前言：公司最近有一个H5页面的功能，比较简单的一个调查表功能，嵌套在我们微信公众号里面。选用的技术栈是Vue。同时用到了微信的登录和分享接口。ps:本人小白，如果有问题希望大家能指出来，写文章不止是为了记录，还是为了发现自己的问题。谢谢大噶！！！主要功能以及遇到的问题：左右切换动画路由带参数跳转移动端引入外部字体样式使用htmtl2canvas截图功能使用微信接口(前端部分) 移动端屏幕适配移动端点击一个页面点击多次只执行一次问题 ios使用输入框的时键盘弹起来掩盖住按钮问题打包项目遇到静态资源加载问题 1.左右切换动画 –首先我考虑到用v

前一阵开发一套答题系统，最后需要把背景图，二维码以及文字等生成一张图，最后分享出去，没什么复杂的逻辑，就是在适配的时候出现了问题，canvas不支持rem这个单位（rem相信大家或多或少都用过），在chrome测试没发现问题，就是真机测试，字小的看不到。其实解决方案也很简单，把rem还原回px：你的整体页面可能是这样的：1rem＝20px;以宽度375px作为基准（750的，720的也都一个道理，...

87,922

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章