PPT 如何 转成 HTML ?

2023-04-03 22:30:11 +08:00
 libasten

要做一个系统的导航门户,上面有七八个按钮。

自己用 ppt 设计了一个页面,现在想把这个 ppt 文件转成 html+css 文件,有可用的工具推荐吗?

网上搜了一些在线的网站,有些效果惨不忍睹,有的好像是直接把背景转成单张大图片了,我想要的是 ppt 里面设计的文本框之类的元素独立出来的,这样好绑定点击事件。

是不是这个思路行不通?只能自己对着 ppt 手写 css ?

设计稿大该 6 等分圆环的样子,每 1/6 扇形是一个按钮,如果自动转换不行的话,问一下,这种等分的扇形 css 手写思路是啥呢?谢谢!

1098 次点击
所在节点    问与答
6 条回复
summerwar
2023-04-03 22:46:11 +08:00
可以使用 svg 来创建会比较方便
zuotun
2023-04-03 23:14:27 +08:00
用 SVG 应该很方便但门槛高点.如果要用 CSS 来实现可以尝试用小圆覆盖大圆.
将三个不同颜色的圆视为三个整体,然后添加分割线进去.只需要考虑第一根线,其他的可以使用例如 `transform: matrix(0.5, 0.866, -0.866, 0.5, 0, 0);` 绕圆心旋转实现.优先级可以用 z-index.
虽然但是,你这圆也没对齐啊.看着怪难受的,最外层分割线的粗细也不一样.
libasten
2023-04-03 23:38:20 +08:00
@zuotun 谢谢,svg 是真不会。
这图是最初的一个结构设草稿,后面正式稿有些工作项目信息,不方便贴,把这个贴上来只为了表达意思,元素没有去对齐美化啥的
favourstreet
2023-04-04 07:52:08 +08:00
把你的 ppt 转成 pdf ,然后下载一个 mupdf ,让 mupdf 把 pdf 画成 htmk 格式
heishu
2023-04-04 10:03:22 +08:00
echart 一把嗦
oddboy
2023-04-04 12:36:32 +08:00
以前做过类似的,用的 zrender

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/929550

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX