小程序canvas 2d 自定义字体

最新推荐文章于 2024-08-26 10:30:45 发布

rich@cai

最新推荐文章于 2024-08-26 10:30:45 发布

阅读量3.4k

点赞数 1

分类专栏：微信小程序 canvas 文章标签：小程序 canvas

本文链接：https://blog.csdn.net/caihuawei123/article/details/114655636

版权

在微信开发者工具1.05.21020210版中，利用canvas 2d进行自定义字体的动态加载。虽然在开发工具中无法预览，但真机预览能展示效果。提供了全局加载网络字体的API应用示例。

摘要由CSDN通过智能技术生成

开发工具：微信开发者工具 Stable 1.05.21020210

注意：目前canvas 2d 开发工具看不到效果，需要真机预览才可以看到效果

效果图：

在这里插入图片描述

下面是动态加载网络字体的api:

在这里插入图片描述

写的是一个全局加载的

// app.js
App({
  onLaunch() {
  

    //加载全局字体
    for(let i =0;i<this.globalData.array.length;i++){
      console.log(i)
      let obj = this.globalData.array[i];
      wx.loadFontFace({
        global:true,
        scopes: ['webview', 'native'],
        family: `${obj.family}`,
        source: