dongtan5555 2016-11-29 04:09
浏览 76
已采纳

如何将图像转换为CSS

Usually it's the other way around, but I'm a special kid.

So I was wondering what the most efficient way was to convert an entire image to a CSS-rendered image, I made a method that would

Get the image (using PHP's image create from JPEG)

Get the width / height of the image

Loop the height of the image, then in that loop -- loop the width

In width loop, get the color of the current position (current loop iteration / height loop iteration (x,y)) Display in a div (width=1px;height=1px;rgb(r,g,b))

But that seems to take a really long time to render, as it's displaying thousands if not millions of divs to render the one image, so I was wondering if there was another way to display an image from getting the hex / rgb colors from an image.

In a way -- Looking for the quickest way to display a pixel of data, I understand a div isn't the best for that because it's meant to hold data, etc...

  • 写回答

1条回答 默认 最新

  • dongtui8593 2016-11-29 07:26
    关注

    Try this http://spritegen.website-performance.org/ or http://spriteme.org/ convert your images to sprite and making CSS Sprite Generator

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 linux驱动,linux应用,多线程
  • ¥20 我要一个分身加定位两个功能的安卓app
  • ¥15 基于FOC驱动器,如何实现卡丁车下坡无阻力的遛坡的效果
  • ¥15 IAR程序莫名变量多重定义
  • ¥15 (标签-UDP|关键词-client)
  • ¥15 关于库卡officelite无法与虚拟机通讯的问题
  • ¥15 目标检测项目无法读取视频
  • ¥15 GEO datasets中基因芯片数据仅仅提供了normalized signal如何进行差异分析
  • ¥100 求采集电商背景音乐的方法
  • ¥15 数学建模竞赛求指导帮助