本来是空白，鼠标移上去就自动出现图片的小块小块的图片，怎么用JS实现这种效果
JS怎么把图片分成一个个小块
答案:2 悬赏:70 手机版
解决时间 2021-03-22 04:10
- 提问者网友：川水往事
- 2021-03-21 03:29
最佳答案
- 五星知识达人网友：往事埋风中
- 2021-03-21 03:51
两个方法，没现成代码，自己想办法搞：
简单的：js判断鼠标在图片上时，产生一个div覆盖在图片上面，这个div给格子背景图
(兼容性好，但是格子尺寸固定，一张网页上多个不同尺寸图片上用，格子全一样大)
复杂的：js生成个html5的canvas画布，把图片放上去，再用js画些线条在上面
(无法顾及不支持html5的浏览器，但是格子尺寸你可以根据图片尺寸比例动态生成)
简单的：js判断鼠标在图片上时，产生一个div覆盖在图片上面，这个div给格子背景图
(兼容性好，但是格子尺寸固定，一张网页上多个不同尺寸图片上用，格子全一样大)
复杂的：js生成个html5的canvas画布，把图片放上去，再用js画些线条在上面
(无法顾及不支持html5的浏览器，但是格子尺寸你可以根据图片尺寸比例动态生成)
全部回答
- 1楼网友：孤老序
- 2021-03-21 04:28
同问。。。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯