微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

该图像如何在客户端切片?

如何解决该图像如何在客户端切片?

| 通常,在Web浏览器内部的网页上右键单击图像时,会得到一个上下文菜单,该菜单具有菜单项“另存图像为”。 但是,如果您在某些网站上右键单击某些图像,则上下文菜单不会显示表明该图像是一幅图像的项目。而是显示\'View Background Image \'。 如果查看背景图像,结果表明该Web应用程序已缓存了一个合成图像,然后可能在客户端将其分割并切成单独的标签。 例如,如果您转到Stack Exchange的Writers网站上的任何线程,如下所示: https://writers.stackexchange.com/questions/3102/how-can-i-make-a-story-bigger 然后右键单击facebook图标并查看背景图片,您将获得以下图片: http://cdn.sstatic.net/Skins/sketchy/img/sprites-beta.png?v=2 同样,如果您转到具有shareThis小部件的网站,如下所示: http://sathyaish.net/ 在最右上角,有此shareThis小部件图像。如果右键单击该图像并查看背景图像,则该图像如下所示: http://w.sharethis.com/share4x/images/service-icons-sprite.png 1)我想知道采用什么技术来实现这一目标,我将如何学习呢? 2)其次,我如何变得擅长JavaScript?我如何学习所有这些技巧?我应该开始阅读哪些书籍,这将使我精通JavaScript?     

解决方法

        在两个图片网址中都看到单词“ sprite \”吗?这就是您要寻找的。 可悲的是,该技术通常用于内容图像-将性能置于正确的HTML之上。     ,        虽然您可以获得有关CSS Sprites的通用教程(如Quentin所指出的),但您可能还需要查看GWT ImageBundle Design文档,该文档详细说明了如何将该想法整合到Google Web Toolkit中     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。