javascript - 想探讨一下国外这个壁纸站,它到底使用的是HTML5什么技术?
PHP中文网
PHP中文网 2017-04-10 17:02:44
0
1
511

今天过年闲来无事逛国外论坛发现了老外的这个神奇的壁纸网站:WallpaperPCMobile

该网站号称,世界上第一个基于客户端浏览器的智能裁剪图片的壁纸网站,试了试,比如这张图片:http://www.wallpaperpcmobile.com/wallpaper/jasmine-sanders-12452

裁剪成720x1280分辨率,http://www.wallpaperpcmobile.com/wallpaper/jasmine-sanders-12452/download-720x1280

变成这样:

挺有意思,而且上面还有个滑动条调节图片的质量,这是啥黑科技?HTML5还可以调节图片质量?并且我在滑动过程中,下方的图片filesize也在不停变化,HTML5还能计算一个图片的大小?这用的啥API????
而且,该网站号称使用了“HTML5 canvas rendering technology”,可以给你的壁纸加上各种各样的特效,比如还是这张壁纸:
http://www.wallpaperpcmobile.com/wallpaper/jasmine-sanders-12452/edit-720x1280
添加素描效果后:

这到底用的HTML5什么黑科技我擦!,在刚刚的演示中,可以直接点击“click to download”下载图片,但在我的印象中,直接下载一个图片无非就是添加一个download属性,其基于HTML5渲染后的图片完全是base64编码,而base64编码在大于1M的情况下,chrome和Firefox对有download属性的标签都不能下载,我测试了里面很多图片,高分辨率在3M 4M以上的图片点击“click to download”完全可以直接下载,这又是什么黑科技???

PHP中文网
PHP中文网

认证高级PHP讲师

reply all(1)
左手右手慢动作

这算是广告吗,审查元素一看,图片用的是贴图库图床。说明站长多半是国人。

功能也没有什么黑科技,美图秀秀不就是在线版吗,功能比这个多

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template