canvas引入外部字体无效解决方法
1.css文件中引入外部字体
@font-face { font-family: ‘hwhp‘; src: url(‘../font/hwhp.ttf‘) format(‘truetype‘), url(‘../font/hwhp.eot‘), url(‘../font/hwhp.woff‘) format(‘woff‘), url(‘../font/hwhp.svg‘) format(‘svg‘); }
canvas设置字体样式
var wm = document.createElement(‘canvas‘); wm.setAttribute(‘width‘, 600); wm.setAttribute(‘height‘, 500); var ctx = _wm.getContext(‘2d‘); ctx.font = "130px ‘hwhp‘"; ctx.translate(50, 380); ctx.rotate(-0.5); ctx.fillStyle="#F8F8FF"; ctx.fillText(text, 0, 0);
最重要的一步,html文件中需要预先使用字体样式,尽量放在body下面第一个元素,元素必须可见。
<div style="font-family: hwhp;">.</div>
相关推荐
88467711 2020-03-28
IT之家 2020-03-11
graseed 2020-10-28
zbkyumlei 2020-10-12
SXIAOYI 2020-09-16
jinhao 2020-09-07
impress 2020-08-26
liuqipao 2020-07-07
淡风wisdon大大 2020-06-06
yoohsummer 2020-06-01
chenjia00 2020-05-29
baike 2020-05-19
扭来不叫牛奶 2020-05-08
hxmilyy 2020-05-11
黎豆子 2020-05-07
xiongweiwei00 2020-04-29
Cypress 2020-04-25
冰蝶 2020-04-20