要做一个系统的导航门户,上面有七八个按钮。
自己用 ppt 设计了一个页面,现在想把这个 ppt 文件转成 html+css 文件,有可用的工具推荐吗?
网上搜了一些在线的网站,有些效果惨不忍睹,有的好像是直接把背景转成单张大图片了,我想要的是 ppt 里面设计的文本框之类的元素独立出来的,这样好绑定点击事件。
是不是这个思路行不通?只能自己对着 ppt 手写 css ?
设计稿大该 6 等分圆环的样子,每 1/6 扇形是一个按钮,如果自动转换不行的话,问一下,这种等分的扇形 css 手写思路是啥呢?谢谢!
1
summerwar 2023-04-03 22:46:11 +08:00
可以使用 svg 来创建会比较方便
|
2
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. 虽然但是,你这圆也没对齐啊.看着怪难受的,最外层分割线的粗细也不一样. |
3
libasten OP @zuotun 谢谢,svg 是真不会。
这图是最初的一个结构设草稿,后面正式稿有些工作项目信息,不方便贴,把这个贴上来只为了表达意思,元素没有去对齐美化啥的 |
4
favourstreet 2023-04-04 07:52:08 +08:00 via Android
把你的 ppt 转成 pdf ,然后下载一个 mupdf ,让 mupdf 把 pdf 画成 htmk 格式
|
5
heishu 2023-04-04 10:03:22 +08:00
echart 一把嗦
|
6
oddboy 2023-04-04 12:36:32 +08:00 via Android
以前做过类似的,用的 zrender
|