<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">#divid {position:fixed;z-index:2000;left:50%;top:50%;transform:translate(-50%, ...
分类：
Web程序 时间：
2019-09-04 19:20:03
阅读次数：
560
sticky粘性css属性，配合top left等使用，可使元素在到达区域时锁定在该位置。 placeholder:Input框内的默认显示内容，手动输入内容后自动消失 transform: scale(1.3) 图片放大，常用于hover。 ...
分类：
其他好文 时间：
2019-08-30 09:18:23
阅读次数：
73
效果图: 我写的是vue的组件形式,方便复用,图片的宽高,缩放的比例可以自己定义 magnifier.vue <template> <div class="magnify"> <!-- 左边产品图片区域 --> <div class="left_contaner"> <div class="midd ...
分类：
Web程序 时间：
2019-08-15 19:10:24
阅读次数：
125
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放大镜</title> <style> *{ margin: 0; padding: 0; } /* 去除图片的3px */ img { vertical-al ...
分类：
Web程序 时间：
2019-07-29 22:58:37
阅读次数：
167
先来个新人的愚蠢问题：(这些都是本人之前不理解的 - -!) 为什么要使用双线性插值，它有何应用？ 输入时什么，输出是什么？ 先回答第一个问题 插值多应用于上采样（图片放大）中对放大像素的插值方法。 比如下图： 在一幅2*2的图像中已知四点的像素值，那么如果我们要放大1/2变为右图所示，四个角的像素 ...
分类：
其他好文 时间：
2019-06-30 20:42:06
阅读次数：
154
<h1>放大镜<hr><h4>1.理解什么是放大镜？<h5>当鼠标移动到图片上时，会把该区域图片放大，让用户更清晰看见。<h4>2.思路<h5>设置一个大的div模块zoom，里面包含两个小div模块（用来放两张图片，一个是原始图，一个是鼠标移动所放大的局部图）。 先对主体body进行搭建html代 ...
分类：
其他好文 时间：
2019-06-13 01:02:19
阅读次数：
169
使用该图片放大镜插件之前首先要引入jQuery和jqzoom.js以及插件中提供的style.css文件。 接着是两张大图和小图 然后在后面加上一段执行代码就好了 放大镜就完成了 ...
分类：
其他好文 时间：
2019-06-12 23:08:18
阅读次数：
107
cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。 cropper有两种方式上传截取的图片数据，一种是前端把裁剪的数据传到后台进行裁剪后保存，第二种是前端拿到剪裁后的数据，转成bas ...
分类：
编程语言 时间：
2019-06-03 12:15:33
阅读次数：
242
在做NX二次开发的时候写完代码，编译可以通过，但是执行的时候却没有反应，或者得到的结果不对，说明肯定有地方传值出错了。我在查找代码错误的时候有几种方法:1.uc1601打印函数输入和输出的值看对不对。2.VS设断点-添加进程调试，来看输入输出值对不对3.UF_CALL也就是UF_get_fail_m ...
分类：
其他好文 时间：
2019-05-31 21:43:59
阅读次数：
116
整理了一下当时学js写的一些案例，再次体验了一把用原生JS实现动态瀑布流效果的乐趣，现在把它整理出来，需要的小伙伴可以参考一下。 该案例主要是用HTML+CSS控制样式，通过JS实现全局瀑布流以及点击图片放大、上下切换效果。HTML布局写的很简单，图片加载主要是在JS中通过访问自定义的JSON字符串 ...
分类：
Web程序 时间：
2019-05-23 15:53:39
阅读次数：
153
