找回密码
 立即注册

QQ登录

只需一步,快速开始

Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-9-5 11:36:42
17#
另外,您这边提供的demo是JavaScript写的代码。您这边是否还存在在VUE中无法导入fonts文件的问题。如果还存在,也请整理一份demo上传,这边看下原因。
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-9-5 11:32:29
16#
本帖最后由 Ellia.Duan 于 2022-9-5 11:41 编辑

在11楼中我这边提到了,您这边是设置的楷体吗?
spreadjs中设置的中文字体是楷体的话,导出的时候注册楷体字体。
如果您设置的中文字体是宋体,那么导出的时候注册宋体字体。
我在您这边的代码中,formJSON后让sheet全部单元格的字体改为楷体
image.png567781371.png
可以成功导出,不乱码
image.png564488219.png

SpreadJS默认字体是西文字体Caribri。当单元格输入中文字体后,浏览器会自动转换中文。
但是如果要进行pdf打印导出,这时候要对SpreadJS中输入的文字进行字体设置。
所以您根据自己的需求,在代码中设置font字体,并注册相应的字体文件
回复 使用道具 举报
shmkp
初级会员   /  发表于:2022-9-5 10:50:32
15#
Ellia.Duan 发表于 2022-9-2 18:16
为了提高效率,方便找到您这边的问题,您这边最好提供一份可以复现问题的demo。

字体demo.zip (7.53 MB, 下载次数: 2, 售价: 2 金币)
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-9-2 18:16:14
14#
shmkp 发表于 2022-9-2 17:28
输出fonts 是这个,我导出pdf 的时候设置字体了,跟fonts 是一致的,为什么还会出现乱码的问题,

为了提高效率,方便找到您这边的问题,您这边最好提供一份可以复现问题的demo。
回复 使用道具 举报
shmkp
初级会员   /  发表于:2022-9-2 17:28:31
13#
Ellia.Duan 发表于 2022-9-2 17:12
请问您的引入还报错吗,打印fonts有显示吗。还有您的中文是设置的楷体吗?

image.png784494933.png
输出fonts 是这个,我导出pdf 的时候设置字体了,跟fonts 是一致的,为什么还会出现乱码的问题,
回复 使用道具 举报
shmkp
初级会员   /  发表于:2022-9-2 17:19:03
12#
Ellia.Duan 发表于 2022-9-2 15:20
如果您项目用的是VUE,建议您先按照5楼中内容修改。在Vue中要引入一个文件,要先export导出。再引入
如 ...

fonts 文件按照你说的改成export let fonts ={},但是import {fonts} from './fonts'的时候还是报错这是fonts 文件

Snipaste_2022-09-02_17-15-33.png

这是vue 引入的时候
Snipaste_2022-09-02_17-15-53.png
导出pdf 的时候还是有乱码
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-9-2 17:12:15
11#
shmkp 发表于 2022-9-2 17:07
我引入地址没错,但还是乱码,问题出在那里

请问您的引入还报错吗,打印fonts有显示吗。还有您的中文是设置的楷体吗?
回复 使用道具 举报
shmkp
初级会员   /  发表于:2022-9-2 17:07:41
10#
Ellia.Duan 发表于 2022-9-2 15:23
请检查在html中引入fonts文件的路径是否正确。

我引入地址没错,但还是乱码,问题出在那里
Snipaste_2022-09-02_17-05-19.png
Snipaste_2022-09-02_17-05-04.png

回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-9-2 15:23:05
9#
shmkp 发表于 2022-9-2 15:08
这是我在html 中引入的
这是fonts 文件,我是看帖子里面下载的demo里面的fonts,文件,我项目用的是vue ...

请检查在html中引入fonts文件的路径是否正确。
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-9-2 15:20:52
8#
本帖最后由 Ellia.Duan 于 2022-9-2 15:22 编辑
shmkp 发表于 2022-9-2 15:08
这是我在html 中引入的
这是fonts 文件,我是看帖子里面下载的demo里面的fonts,文件,我项目用的是vue ...

如果您项目用的是VUE,建议您先按照5楼中内容修改。在Vue中要引入一个文件,要先export导出。
  1. export let  fonts = {}
复制代码
再引入
  1. import { fonts } from "./resources/fonts.js";
复制代码

如果不用vue框架,直接引入的话,您在学习指南https://demo.grapecity.com.cn/sp ... t-export-pdf/purejs中找到这个
image.png441402892.png 下载按钮,可以根据demo具体调整下代码。


回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部