https://github.com/chokcoco/img2purediv

任意图片转换为单 div 实现
https://github.com/chokcoco/img2purediv

Last synced: 9 months ago
JSON representation

任意图片转换为单 div 实现

• Host: GitHub
• URL: https://github.com/chokcoco/img2purediv
• Owner: chokcoco
• Created: 2016-06-13T11:40:47.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2019-02-28T11:57:43.000Z (over 7 years ago)
• Last Synced: 2025-05-08T20:44:19.430Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 40 KB
• Stars: 13
• Watchers: 4
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# img2pureDiv 

利用 `canvas` 的 `getImageData` 获取图片每个像素点的 rgba 值。

利用多重 `box-shadow` ，每个像素点的值由一个一重 `box-shadow` 实现。将图片转换为单 div 。

[演示Demo](http://chokcoco.github.io/demo/img2div/html/)

## 个人相关博文

[【CSS进阶】box-shadow 与 filter:drop-shadow 详解及奇技淫巧](https://www.cnblogs.com/coco1s/p/5592136.html)

## license 

MIT