您的位置：首页技术文章
文章详情页

javascript - 前端如何将psd直接转成H5页面而不切图呢？

浏览：92日期：2023-05-09 17:55:29

问题描述

如题，如果来了一些简单的设计图，前端不想切图，而是想把psd直接转为H5页面，有方法吗?

问题解答

回答1：

目前还不知道有这样的功能，推荐一个切图软件avocode，非常好用。PS：收费的，新用户免费14天，只要不嫌烦，理论上是免费的

回答2：

应该是没办法的。你可以切一些切片，然后到出为html，可以生成静态无适应性的网页

回答3：

这种工具的价值应该是减轻前端开发的工作量为目的的吧

涉及到比较复杂的页面，还是需要人工切图的

回答4：

PSD在图层上右击可以导出CSS3格式的文本，至少在H5样式中对margin定义有个参考要比较简单一些，不知道您是不是在寻求这个功能~，另外如果整页图还是切一哈呗~PSCC2015新版的切图还蛮好用的~

回答5：

直接存成jpg，然后整个页面直接就插这一张图，之前的公司在移动端的某些介绍性质的页面上这么干过

标签： JavaScript
上一条：javascript - 一行代码放在函数内与函数外的区别？下一条：javascript - js解析多层嵌套json数据，递归调用
相关文章：
1. javascript - 移动端一个小效果2. javascript - vue引入样式的问题3. javascript - 怎么实现让 div 里面的 img 元素 中心居中, 如下示例图4. javascript - nodejs调用qiniu的第三方资源抓取，返回401 bad token，为什么5. python - 关于beautifulsoup获取文档内容6. php - mysql 模糊搜索问题7. Mac环境下QT编译MySQL驱动屡次失败？如何？8. 微信开放平台 - ios APP能不能打开微信然后通过微信跳转到指定的URL？9. php - 微信开发验证服务器有效性10. javascript - vue+iview upload传参失败 跨域问题后台已经解决 仍然报403，这是怎么回事啊？
排行榜
dockerfile - [docker build image失败- npm install]
dockerfile - [docker build image失败- npm install]
1. docker网络端口映射，没有方便点的操作方法么？
2. docker start -a dockername 老是卡住，什么情况？
3. golang - 用IDE看docker源码时的小问题
4. dockerfile - 为什么docker容器启动不了？
5. docker绑定了nginx端口 外部访问不到
6. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
7. macos - mac下docker如何设置代理
8. docker 下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？
9. javascript - 怎么实现让 div 里面的 img 元素 中心居中, 如下示例图
10. javascript - vue引入样式的问题
热门标签