求助！在github下载的一个代码运行问题。----自定义中文字体集功能

acspace · 发表于 2022-8-29 18:01

近期由于对中文字体加载的需求，在网上找寻到一个解决方案，认为可以解决目前的需求，资源地址：https://github.com/guowenfh/font-carrier2，我下载了该资源的代码，并按照说明安装好后，运行测试时控制台出现 Uncaught Error: Module name "../lib/index" has not been loaded yet for context: _. Use require([]) 运行不成功后我又多次尝试，结果依然。我想定是我对require的机制不了解的缘故，再次搜索网络，没有找到更深入的说明，只好发此求助，求教大佬，我要怎样才能让这个代码运行起来呢？
require.js 下载到位，node版本为 v16.17.0 npm 8.15.0

acspace · 发表于 2022-8-29 18:10

百度云盘
font-carrier2
https://pan.baidu.com/s/1Sd9Mrx8eVQDNN0_zVzBKMA
提取码：yxqz

415891872 · 发表于 2022-8-29 22:13

一眼Node版本太高。好几年前的库，降级到node 10版本试试

amind · 发表于 2022-8-30 00:39

https://www.codeleading.com/article/93431898566/
希望对你有帮助

lvzhenbo · 发表于 2022-8-30 01:29

https://github.com/purplebamboo/font-carrier
官方库已经有维护了

tl;dr · 发表于 2022-8-30 06:44

提示: 作者被禁止或删除内容自动屏蔽

acspace · 发表于 2022-8-30 09:54

谢谢各位的热心解答

，我很少做前端，对require第一次接触

。

acspace · 发表于 2022-8-30 10:09

本帖最后由 acspace 于 2022-8-30 10:10 编辑

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>test</title>
        <script src="jquery.min.js"></script>
   </head>
   <body>
   <script src="require.js"></script>
   <script>
    var fontCarrier2 = require('../lib/index')
    var options = {
      id: 'font-4',
      horizAdvX: 256,
      vertAdvY: 256
    }
    
    var fontface = {
      fontFamily: 'font-4',
      fontWeight: '400',
      fontStretch: 'normal',
      unitsPerEm: 256,
      ascent: 221,
      descent: -61
    }
    
    var glyphMap = {
      '纯': {
        unicode: '纯',
        glyphName: 'uni7EAF',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni32431'
      },
      '空': {
        unicode: '空',
        glyphName: 'uni7A7A',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni31354'
      },
      '白': {
        unicode: '白',
        glyphName: 'uni767D',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni30333'
      },
      ' ': {
        unicode: ' ',
        glyphName: 'uni20',
        d: '',
        horizAdvX: 65,
        vertAdvY: 256,
        name: 'uni32'
      },
      '迷': {
        unicode: '迷',
        glyphName: 'uni8FF7',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni36855'
      },
      '你': {
        unicode: '你',
        glyphName: 'uni4F60',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni20320'
      },
      '简': {
        unicode: '简',
        glyphName: 'uni7B80',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni31616'
      },
      '硬': {
        unicode: '硬',
        glyphName: 'uni786C',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni30828'
      },
      '笔': {
        unicode: '笔',
        glyphName: 'uni7B14',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni31508'
      },
      '楷': {
        unicode: '楷',
        glyphName: 'uni6977',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni26999'
      },
      '书': {
        unicode: '书',
        glyphName: 'uni4E66',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni20070'
      },
      '字': {
        unicode: '字',
        glyphName: 'uni5B57',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni23383'
      },
      '体': {
        unicode: '体',
        glyphName: 'uni4F53',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni20307'
      },
      '测': {
        unicode: '测',
        glyphName: 'uni6D4B',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni27979'
      },
      '试': {
        unicode: '试',
        glyphName: 'uni8BD5',
        d:
          'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni35797'
      },
      '1': {
        unicode: '1',
        glyphName: 'uni31',
        d: 'svg-data ...',
        horizAdvX: 140,
        vertAdvY: 256,
        name: 'uni49'
      },
      '，': {
        unicode: '，',
        glyphName: 'uniFF0C',
        d: 'svg-data ...',
        horizAdvX: 256,
        vertAdvY: 256,
        name: 'uni65292'
      },
      '2': {
        unicode: '2',
        glyphName: 'uni32',
        d:
          'svg-data ...',
        horizAdvX: 140,
        vertAdvY: 256,
        name: 'uni50'
      },
      '3': {
        unicode: '3',
        glyphName: 'uni33',
        d:
          'svg-data ...',
        horizAdvX: 140,
        vertAdvY: 256,
        name: 'uni51'
      }
    }
    
    var font = fontCarrier2.create(options)
    font.setFontface(fontface)
    
    Object.keys(glyphMap).forEach(key => {
      var tmplGlyph = new fontCarrier2.Glyph(glyphMap[key])
      tmplGlyph.__viewbox = font.__viewbox
      font.setGlyph(key, tmplGlyph)
    })
    
    font.output({
      path: './test/font-4'
    })
     </script>

        
    </body>
</html>

上面是我按传统加载脚本的方式。验证结果就是上面说的故障，以前没有使用过require，看readem半天也没有明白

,各位大佬，能不能指正一下，这个该怎么写，然后我再去消化，拜谢各位了

acspace · 发表于 2022-8-30 10:39

@415891872 应该不是node 版本的问题，我降到10.x 再降到8.x，重启服务器后，故障依然，相信应该是require的加载方式。

415891872 · 发表于 2022-8-30 15:58

require.js 引入的时候第一个参数是个数组，第二个是个函数吧有点记不住了。

帐号		自动登录	找回密码
密码			注册[Register]

tl;dr tl;dr 当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽	tl;dr 发表于 2022-8-30 06:44 提示: 作者被禁止或删除内容自动屏蔽

	回复支持举报

[求助] 求助！在github下载的一个代码运行问题。----自定义中文字体集功能