pic | 易学教程

微信小程序之滚动选择器（picker）

阅读更多关于微信小程序之滚动选择器（picker）

滚动选择采用的是picker组件，具体使用方法如下：实例1： Page({ js: data:{ { id:1 , name: picker01}, { id:2 , name: picker02}, { id:3 , name: picker03}, { id:4 , name: picker04}, ], pickerListIdx:0, } bindPicker: function (e) { this .setData({ pickerListIdx: e.detail.value }); }, }) .wxml < picker bindchange = "bindPickerSale" value = "{{ pickerListIdx }}" range = "{{ pickerList }}" > < view class = "picker"> picker选择： </ view > < view class = "picker"> {{pickerList[ pickerListIdx ]}} </ view > </ picker > .wxss .picker { float: right ; text-align: right ; width: 35% ; } 实例2： Page({ js: data:{ pickerList: [ { name: "1

OpenCV 学习笔记

阅读更多关于 OpenCV 学习笔记

以下的实现过程参考OpenCV官网教程，详情移步OpenCV官网进行查阅读取和写入图片视频处理以及摄像头图像的捕获和保存使用鼠标事件实现简易的画图功能 color bar的使用画图工具的实现这里主要是用到了imread函数和imwrite函数。这两个函数均可以通过导入openCV包来使用。 from cv2 import * # read pic img = imread( 'test.jpg' ) # show pic imshow( 'image' , img) # save pic imwrite( 'test2.jpg' , img) 在执行的时候会发现显示的图片很快就消失了，这时需要使用一个函数让程序保持等待状态。 waitKey ( 0 ) 上面是对于任意的一个输入都会结束，如果想让程序在给定的输入下跳出，这时候需要编写一个循环来不断监听键盘事件，并判断输出是否是预期的键值。 while ( 1 ): cv2.imshow( 'image' ,img) k = cv2.waitKey( 1 ) & 0 xFF if k == 27 : break elif k == ord( 'l' ): drawing_mode = 0 elif k == ord( 'r' ): drawing_mode = 1 这里的k保存的是监听到的键值的ascall码

图片轮播

阅读更多关于图片轮播

<!DOCTYPE HTML> <HTML> <HEAD> <META name="Generator" content="EditPlus"> <META name="Author" content="ResumeBB"> <META name="Keywords" content=""> <META name="Description" content=""> <TITLE> 图片轮播 </TITLE> <style> body,ul{ margin:0; } ul{ padding:0; } .banner{ width:1000px; height:650px; margin:50px auto; } .banner .pic{ position:relative; width:100%; height:100%; } .banner .pic li{ position:absolute; width:100%; height:100%; list-style:none; } .banner .pic li img{ width:100%; height:80%; transform:scale(0); opacity:0; transition:all 0.7s ease-in-out; } .banner .pic li input:checked + img{/*

利用图像内插法放大图像

阅读更多关于利用图像内插法放大图像

先使用matlab自带的函数imresize pic=imread('data/2.jpg'); J=imresize(pic,2,'nearest'); K=imresize(pic,2,'bilinear'); L=imresize(pic,2,'bicubic'); figure(1); imshow(pic); figure(2); imshow(J); figure(3); imshow(K); figure(4); imshow(L); 近邻插值法：是最简单暴力的算法，时间最短效果最差。放大1.5倍代码 pic=imread('data/2.jpg'); [x,y,z]=size(pic); x=round(x*1.5); y=round(y*1.5); new_pic=zeros(x,y,z,class(pic)); for i=1:x for j=1:y for k=1:z a=round(i/1.5); b=round(j/1.5); new_pic(i,j,k)=pic(a,b,k); end end end figure; imshow(pic); title("Original picture"); figure; imshow(new_pic); title("Nearest neighbor"); 双线性插值法：代码在原图像补全的部分有问题

opencv学习之图像滤波预处理 #201906101646

阅读更多关于 opencv学习之图像滤波预处理 #201906101646

`#include <opencv2/opencv.hpp> using namespace cv; using namespace std; int main(){ Mat pic_src = imread("/Users/leung/Documents/imgs/lena.jpg"); Mat logo_src = imread("/Users/leung/Desktop/right.jpg"); Mat pic,pic_half,pic_gray1,pic_gray2,pic_median,pic_blur; GaussianBlur(pic_src, pic, Size(5,5), 0); medianBlur(pic_src, pic_median, 5); blur(pic_src, pic_blur, Size(5,5)); // pyrDown(pic_src, pic_half); // cvtColor(pic_half, pic_gray1, COLOR_BGR2GRAY); //threshold(pic_gray1, pic_gray2, 170, 255, THRESH_BINARY); imshow("pic_median", pic_median); imshow("pic_blur", pic_blur); imshow("pic", pic);

python-关于改变图片的大小-resize

阅读更多关于 python-关于改变图片的大小-resize

第一种：用Image root = '' pic = Image.open(root) pic = pic.resize((220, 220)) 第二种：用cv2 root = '' crop_size = (320, 480) img = cv2.imread(root) img_new = cv2.resize(img, crop_size, interpolation = cv2.INTER_CUBIC) Note: 参数interpolation不能少文章来源: python-关于改变图片的大小-resize

Python 爬虫入门(二)――爬取妹子图

阅读更多关于 Python 爬虫入门(二)――爬取妹子图

听说你写代码没动力？本文就给你动力，爬取妹子图。如果这也没动力那就没救了。 GitHub 地址: https://github.com/injetlee/Python/blob/master/%E7%88%AC%E8%99%AB%E9%9B%86%E5%90%88/meizitu.py 公众号：【智能制造专栏】。欢迎关注，分享智能制造与编程那些事。当你运行代码后,文件夹就会越来越多，如果爬完的话会有2000多个文件夹，20000多张图片。不过会很耗时间，可以在最后的代码设置爬取页码范围。熟悉 Requests 库，Beautiful Soup 库熟悉多线程爬取送福利，妹子图我们从 http://meizitu.com/a/more_1.html 这个链接进去，界面如图一所示图一：可以看到是一组一组的套图，点击任何一组图片会进入到详情界面，如图二所示图二: 可以看到图片是依次排开的，一般会有十张左右的图片。看了界面的结构，那么我们的思路就有了。构造 url 链接，去请求图一所示的套图列表界面，拿到每一个页面中的套图列表。分别进入每个套图中去，下载相应的图片。下载界面的函数,利用 Requests 很方便实现。 def download_page(url): ''' 用于下载页面 ''' headers = {"User-Agent": "Mozilla/5.0

c#在pictureBox控件上绘制多个矩形框及删除绘制的矩形框

阅读更多关于 c#在pictureBox控件上绘制多个矩形框及删除绘制的矩形框

　　在pictureBox上每次只绘制一个矩形框，绘制下一个矩形框时上次绘制的矩形框取消，代码如链接：https://www.cnblogs.com/luxiao/p/5625196.html 　　在绘制矩形框时要在程序中添加鼠标相应的事件MouseDown、MouseUp、MouseMove、Paint。　　绘制矩形框的代码如下： 1 Point start, end;//绘制矩形框的起点和终点 2 bool blnDraw;//在MouseMove事件中判断是否绘制矩形框 3 public struct StartAndEndPoint 4 { 5 Point Start; 6 Point End; 7 } 8 //绘制矩形起始点和终止点的集合 9 List<StartAndEndPoint> multiAreaPoint=new List<StartAndEndPoint>(); 10 11 private void pic_MouseDown(object sender, MouseEventArgs e) 12 { 13 if (e.Button == MouseButtons.Left) 14 { 15 start = e.Location; 16 blnDraw = true; 17 } 18 // 点击鼠标右键绘制整个pictureBox区域 19 if (e

原生js实现放大镜效果

阅读更多关于原生js实现放大镜效果

思路分析：　　1.鼠标切换图片列表时，.pic盒子中的图片相对应切换　　2.在.pic中生成一个.zoom的盒子，移动该盒子时类似对.pic盒子中的图片进行剪切　　　　2.1 动态获取.zoom盒子相对.pic盒子的background-positin属性值　　　　2.2 对.zoom盒子的移动范围进行限制（只在.pic盒子中移动）　　3.将剪切的图片按比例放大显示到.details的盒子中注：放大比例 = 左边盒子的大小 / 里面进行剪切的盒子大小，该比例值作为右边盒子显示内容的大小代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>原生js实现图片放大镜</title> 8 <link rel="stylesheet" href="./css/style.css"> 9 </head> 10 11 <body> 12 13 <div id="wrap"> 14 <div class="pic

倒计时5，4，3，2，1css实现(count down from 5 to 1 using css)

阅读更多关于倒计时5，4，3，2，1css实现(count down from 5 to 1 using css)

//count down from 5 to 1, a useful animation. show the code to you: <!DOCTYPE html> <html> <style> #contain { } #pic { height: 1200px; } #pic > img { } @keyframes switch { } </style> <body> <div id="contain"> <div id="pic"> <img src="5.png" /> <img src="4.png" /> </div> </div> </body> </html> 文章来源: 倒计时5，4，3，2，1css实现(count down from 5 to 1 using css)

订阅 pic