libasten
V2EX  ›  问与答

PPT 如何 转成 HTML ?

  •  
  •   libasten · Apr 3, 2023 · 1759 views
    This topic created in 1165 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    ddd.jpg

    6 replies    2023-04-04 12:36:32 +08:00
    summerwar
        1
    summerwar  
       Apr 3, 2023
    可以使用 svg 来创建会比较方便
    zuotun
        2
    zuotun  
       Apr 3, 2023
    用 SVG 应该很方便但门槛高点.如果要用 CSS 来实现可以尝试用小圆覆盖大圆.
    将三个不同颜色的圆视为三个整体,然后添加分割线进去.只需要考虑第一根线,其他的可以使用例如 `transform: matrix(0.5, 0.866, -0.866, 0.5, 0, 0);` 绕圆心旋转实现.优先级可以用 z-index.
    虽然但是,你这圆也没对齐啊.看着怪难受的,最外层分割线的粗细也不一样.
    libasten
        3
    libasten  
    OP
       Apr 3, 2023
    @zuotun 谢谢,svg 是真不会。
    这图是最初的一个结构设草稿,后面正式稿有些工作项目信息,不方便贴,把这个贴上来只为了表达意思,元素没有去对齐美化啥的
    favourstreet
        4
    favourstreet  
       Apr 4, 2023 via Android
    把你的 ppt 转成 pdf ,然后下载一个 mupdf ,让 mupdf 把 pdf 画成 htmk 格式
    heishu
        5
    heishu  
       Apr 4, 2023
    echart 一把嗦
    oddboy
        6
    oddboy  
       Apr 4, 2023 via Android
    以前做过类似的,用的 zrender
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4499 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 54ms · UTC 01:04 · PVG 09:04 · LAX 18:04 · JFK 21:04
    ♥ Do have faith in what you're doing.