Fork me on Bolg '◡'
摘要: 本文主要记录 canvas 在图像、文字处理、离屏技术和放大镜特效的实现过程中使用到的API。先看下效果吧: 一张模糊的图片: 鼠标点击任意位置,产生放大效果: 哇塞~ 一个帅哥,哈哈哈哈~ 1、放大镜原理 实现效果:如上图,点击或点击滑动鼠标显示一个区域,区域中显示对应点击部分范围的放大清晰图片。 阅读全文
posted @ 2020-11-21 15:48 webhmy 阅读(1422) 评论(0) 推荐(0) 编辑
摘要: 需求说明 如果要实现一个需求,如下图,在一个textarea中加入文字加背景色,该怎么处理呢? 答案:“很简单啊!直接给textarea加个background-color的背景颜色啊!” 那好,如果实现下面的需求呢?并且要求输入的时候,也保持这样的样式呢? 答案:“额...这又是一个前端交互永远不 阅读全文
posted @ 2020-11-21 13:36 webhmy 阅读(3988) 评论(0) 推荐(0) 编辑
摘要: 常见需求场景 前端在处理交互的时候,经常遇到这样的场景,点击一个按钮,出现一个弹框,点击外部区域,弹框关闭。 解决方法 思路说明: 1、给弹框的div父级都加个类名,如: 2、在document绑定一个点击事件,获取当前点击元素的类名,开始向上找,找它的父级类名, 2.1. 包含我们加的几个类名,则 阅读全文
posted @ 2020-11-21 11:38 webhmy 阅读(1787) 评论(0) 推荐(0) 编辑