winform窗体上图片放大功能

今天遇到点击图片，所点部位实现放大的功能，网上也有很多资料，记录下自己写的。
窗体上放置两个pictureBox控件，第一个添加image，属性SizeMode设置为StretchImage。可以开始写代码了

        //鼠标点击图片放大图片private void pictureBox1_MouseClick(object sender, MouseEventArgs e){//图片控件的宽高double w = pictureBox1.Size.Width;double h = pictureBox1.Size.Height;//图片的宽高int imageWidth = pictureBox1.Image.Size.Width;int imageHeight = pictureBox1.Image.Size.Height;//鼠标的坐标double x = (double)e.X;double y = (double)e.Y;//鼠标点击坐标对应的图片上的坐标var x1 = x / w * imageWidth;var y1 = y / h * imageHeight;//得到正方形的中心坐标var x2 = (int)x1 - 100;var y2 = (int)y1 - 100;//鼠标点击左上边界时设置截取图片的最小值if (x2 <= 0){x2 = 0;}if (y2 <= 0){y2 = 0;}//鼠标点击右下边界时设置截取图片的最小值if (imageWidth - x1 < 200){x2 = (int)imageWidth - 200;}if (imageHeight - y1 < 200){y2 = (int)imageHeight - 200;}//重点是下面三行代码，上边的是计算放大图片的坐标//根据鼠标中心点获取100像素的正方形图片Rectangle rec = new Rectangle(x2, y2,200, 200);Graphics graphics = pictureBox2.CreateGraphics();//绘制指定大小的图片graphics.DrawImage(pictureBox1.Image, pictureBox2.ClientRectangle, rec, GraphicsUnit.Pixel);}

完成

winform窗体上图片放大功能相关推荐

h5 - PhotoSwipe图片放大功能集成和使用
说明: PhotoSwipe图片放大功能的简单demo. 重要代码: 1.html中引入js和css文件,和一段固定的代码 <!-- PhotoSwipe styles --& ...
php 鼠标点击图片放大,css3如何实现鼠标放上图片放大？（附代码）
在css3的学习中,我们会经常做一些小的动画效果,这感觉非常有趣,所以今天的这篇文章将给大家来介绍关于css3实现图片放大的一个效果,有兴趣的小伙伴可以看一下. 我们都知道css3中增加了一个tran ...
jQuery插件Magnify放大镜实现javascript图片放大功能
jQuery插件Magnify放大镜实现javascript图片放大功能博客所有文章均属原创作品,如有转载,请注明作者:biuuu,来源:http://www.biuuu.com/?p=459 有时 ...
使用react完成图片放大功能(淘宝放大镜）
文章目录效果引用组件实现原理 CSS部分 React JS部分参考文章 Github源码效果引用组件 import React from 'react'; import ImageMagn ...
angular仿微信图片放大功能
近期要写一个移动端两个手指图片放大的功能,由于我们项目是angular框架.一时间没有思路只能百度找一些angualr的文档,果然一下就出来了,而且非常实用.我用根据自己的需求改动了一下,最后完成的效 ...
小程序富文本图片放大功能
// 富文本图片放大 function richImg(txt) {//txt 指的是接口返回的富文本// 主要代码let imgarr = [];let regex = new RegExp(/&l ...
CSS实现鼠标放上图片放大
CSS实现图片放大 <!DOCTYPE html> <html><head><meta charset="UTF-8"><ti ...
css图片放大功能，且不溢出包裹盒子
要实现图片在不溢出包裹的盒子内放大的效果,可以使用CSS3中的transform属性.具体方法如下: 将需要放大的图片放入一个容器中: <div class="img-containe ...
CSS图片阴影+鼠标移上图片放大、变形
在做图片卡片列表的时候我们经常用到图片的呼吸灯效果,实现图片的阴影效果.放大.动态展示代码: li img { display: block; width: 140px; height: 140px ...

winform窗体上图片放大功能

winform窗体上图片放大功能相关推荐

最新文章

热门文章