HTML5教程

当前位置: HTML5技术网 > HTML5教程 > HTML5自助切图

HTML5自助切图



享受生活,热爱重构,大家好,我是Json。

在现在这个到处是HTML5话题的时代,好像不懂点HTML5都有点落伍。那我也跟上潮流一把吧,今天给大家分享的是基于HTML5的自助切图。

在组里经常会被某设计师叫切板仔,确实重构很大一部分工作都花在切图上,而如何提高切图效率或者让切图自助化也是我们重构师的追求。基于这个前提我自己抱着研究的心态,使用HTML5大致实现了一下。一开始觉得HTML5是个很神秘很高深的东西,其实当你去了解他,你会发现他是很空虚,且很容易上…………….手的。

这里使用到的HTML5技术包括:

  1. 本地预览(FileReader)
  2. 拖拽(drag & drop)
  3. 切图(canvas)

拖拽:

拖拽基本事件如下:

DataTransfer 对象

【HTML5自助切图】相关文章

1. HTML5自助切图

2. 缅怀乔布斯HTML5自制网页版iPod播放器

3. jQuery自动裁切图像产生缩略图Fakecrop

4. 微软官方HTML5九宫格Demo:HTML5九宫格Sudoku在线演示

5. 坦克大战HTML5版——HTML5爱好者原创

6. HTML5超级玛丽游戏重体验 HTML5游戏经典

7. HTML5教程:HTML5的基础写法

8. HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer

9. HTML5架构(HTML5 Boilerplates )

10. 7款HTML5精美应用教程 让你立即爱上HTML5

本文来源:https://www.51html5.com/a653.html

点击展开全部

﹝HTML5自助切图﹞相关内容

「HTML5自助切图」相关专题