请问有没有更好的富文本转图片处理方式?

我的需求是什么?

项目背景:需要做出租车顶灯的广告管理,然后 Web 端可以预览一下效果。顶灯里的控制板只需要处理图片展示。

  • 在网页编辑器中编写的文字,可以转成 Png、Jpeg 等格式的图片
  • 可以根据给定的宽高值,生成相应图片。如果文字超出指定宽高,可以把剩余文字生成到第二张图片。

我现在采用的方案是什么?

图例概述

  • 请问有没有更好的富文本转图片处理方式?
    要在这样的区域内展示文本
  • 请问有没有更好的富文本转图片处理方式?
    编辑器提交过来是这样的代码

技术实现方式

  • 通过分析编辑器生成的 html 代码,使用 GD 库里的 imagettfbbox 计算单个样式文字的宽高。
  • 通过 Imagick 把一个字生成一张图片,小图片的宽高就是上一步计算出来的宽高
  • 通过 intervention/image制作图片的拼接生成。

有哪些问题没有解决

  • 编辑器中文字的斜体、粗斜体效果无法实现。(需要使用相应的字体,但是中文字体,这些类型都找不到)

请问有没有更好的解决方式?欢迎大家不吝赐教。

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 2

gd 得知道用了什么字体,提交过来的只有文本,你看能不能找到编辑器对应的字体文件,用户在编辑器里点击使用斜体或者粗体的时候,设置点击事件,加个新的字段,告诉后台用的哪个字体

3年前 评论
刘大山笔记 (楼主) 3年前

考虑js做就好了啊,这个php又不擅长做预览

3年前 评论
刘大山笔记 (楼主) 3年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!