组织mockup小工具

2012-12-29 15:43:53 +08:00
 wovfeng
利用 canvas ,nodejs 做了一个可以组织 mockup的小工具。

用法如下:

1.上传已经做好的图片(可以选择多张,或者直接拖拽到场景中)
2.为图片添加响应区域。
3.将响应区域添加到你想要链接的页面。
4.保存后 会生成一个网址。直接访问就好了。

PS:双击可以删除响应区域和页面。

目前是个demo。所以暂时还没有用数据库。暂时还不支持登录。

浏览器目前还只支持(chrome)或者其他webkit内核的。

体验地址为 http://mockup.eizia.com
github地址 https://github.com/eiziastudio/mockup
3316 次点击
所在节点    Node.js
2 条回复
nasa
2012-12-29 16:09:37 +08:00
太棒了~
wovfeng
2012-12-30 13:11:44 +08:00
可能大家不知道我在讲什么。这里有个生成页面的示意。http://mockup.eizia.com/m/1356845336289/
下一步打算加入切换动画

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

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

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

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

© 2021 V2EX