阿里|淘宝图片空间
1000950900850800750700650600550500450400350300250200150100500501001502002503003504004505005506006507007508008509009501000105011001150120012501300135014001450150015501600165017001750180018501900195020002050210021502200225023002350240024502500255026002650270027502800285029002950
双击此处标尺可进行模块分割导出  | 点击查看教程 050100150200250300350400450500550600650700750800850900950100010501100115012001250130013501400145015001550160016501700175018001850190019502000205021002150220022502300235024002450250025502600265027002750280028502900295030003050310031503200325033003350340034503500355036003650370037503800385039003950400040504100415042004250430043504400445045004550460046504700475048004850490049505000505051005150520052505300535054005450550055505600565057005750580058505900595060006050610061506200625063006350640064506500655066006650670067506800685069006950700070507100715072007250730073507400745075007550760076507700775078007850790079508000805081008150820082508300835084008450850085508600865087008750880088508900895090009050910091509200925093009350940094509500955096009650970097509800985099009950
x: 1000 y: 1000
网格样式 网格透明度
智能吸附对齐 吸附距离 px
复位面板
Copyright © 2015 zzcoder.com 版权所有 闽ICP备2023003062号
QQ:2585626202 QQ群:212991876
属性
主配置
图层
历史
链接
常见问题
缓存
模块宽度: 模块高度:
热区[RQ_28]
热区[RQ_27]
热区[RQ_26]
热区[RQ_25]
热区[RQ_24]
热区[RQ_23]
热区[RQ_22]
热区[RQ_21]
图片[TP_20]
图片[TP_19]
图片[TP_18]
图片[TP_17]
图片[TP_16]
图片[TP_15]
图片[TP_14]
图片[TP_13]
图片[TP_12]
图片[TP_11]
图片[TP_10]
图片[TP_9]
图片[TP_8]
图片[TP_7]
图片[TP_6]
图片[TP_5]
图片[TP_4]
图片[TP_3]
图片[TP_2]
图片[TP_1]
初始化
  • 问:如何使用?

    答:点击查看详细教程

  • 问:案例参考?

    答:案例一

  • 问:模块分割导出?

    答:点击查看教程

  • 问:点击保存后没有反应?

    答:请下载最新版本的插件(2.0.4),点击查看详细教程

  • 问:新特性介绍?

    答:1、图层面板支持多选组件[(Ctrl或Shift)+鼠标左击图层](2019/09/27)。2、图层面板鼠标经过图层实时预览组件效果(2019/09/27)。3、在画布中的任意位置按住鼠标键拖动可快速生成热区,360浏览器需要关闭鼠标手势(2019/09/10)。4、在线保存支持文件夹移动(2019/09/10)。5、关闭或刷新网页缓存面板将自动缓存文件(2019/09/10)。6、排列间距放空或非数值, 将平均分配间隙(2019/09/10)。

  • 问:设计稿规则?

    答:建议设计稿宽度750px。

  • 问:图片裁切规则?

    答:建议单张图片宽度750px,高度小于1000px。

  • 问:图片模糊?

    答:建议单张图片高度小于1000px,图片使用PNG格式。

  • 问:如何导入代码(作品)?

    答:1、登录网站,点击右上角的【存/取】菜单,在线保存/读取作品。2、点击右上角【导出】菜单,选择JSON数据,将代码放入记事本保存,需要使用时通过【导入】菜单,导入JSON数据。3、缓存面板读取作品。

  • 问:缓存面板是什么?

    答:缓存面板主要用于保存作品(最多支持200个作品), 每次导出代码、刷新网页、关闭网页都将自动保存一次, 存储在对应浏览器的缓存目录下, 删除浏览器数据将会清空作品。

  • 问:如何永久保存作品?

    答:1、登录网站,点击右上角的【存/取】菜单,在线保存/读取作品。2、点击右上角【导出】菜单,选择JSON数据,将代码放入记事本,本地保存,需要使用时通过【导入】菜单,导入JSON数据。

==作品缓存记录【点击清空所有缓存记录】==
    对齐
    左对齐
    水平居中对齐
    右对齐
    顶对齐
    垂直居中对齐
    下对齐
    与画布左对齐
    与画布水平居中对齐
    与画布右对齐
    与画布顶对齐
    与画布垂直居中对齐
    与画布底对齐
    间距 px
    横向排列
    竖向排列
    热  区
    图  片
    【框选工具】按住鼠标键拖拽可选中多个组件(不包括子层)
    【框选工具】按住鼠标键拖拽可选中多个组件(包括子层)
    【热区工具】按住鼠标键拖拽生成【热区】组件
    【标尺】点击显示或隐藏
    【网格】点击显示或隐藏
    【锁定】锁定当前所有组件,锁定之后禁止拖动
    【解锁】解锁当前所有组件,解锁之后自由拖动
    锁定
    删除(Delete)
    复制(Ctrl+J)
    选中组件
    上移
    下移
    置顶
    置底