JavaFX鼠标滚动放大缩小图片

一、鼠标滚动放大缩小图片

package cn.util;import java.io.File;
import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.geometry.Point2D;
import javafx.geometry.Rectangle2D;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseDragEvent;
import javafx.scene.input.ScrollEvent;
import javafx.scene.layout.Pane;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;/**** @author MK*/
public class ImageApplication extends Application {Point2D dragDistance = null;public void start(Stage primaryStage) {ImageView imageView = new ImageView();String file = new File("picture1.png").toURI().toString();System.out.println(file);Image image = new Image(file);imageView.setImage(image);final double w = image.getWidth();final double h = image.getHeight();final double max = Math.max(w, h);final int width = (int) (500 * w / max);final int heigth = (int) (500 * h / max);imageView.setFitHeight(heigth);imageView.setFitWidth(width);Pane pane = new Pane();StackPane stackPane = new StackPane(pane);Scene scene = new Scene(stackPane, 700, 800);pane.getChildren().add(imageView);pane.heightProperty().addListener(new ChangeListener<Number>() {@Overridepublic void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {imageView.setY((newValue.doubleValue() - imageView.getFitHeight()) / 2);}});pane.widthProperty().addListener(new ChangeListener<Number>() {@Overridepublic void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {imageView.setX((newValue.doubleValue() - imageView.getFitWidth()) / 2);}});final double scale = 5;stackPane.addEventFilter(ScrollEvent.SCROLL, event -> {double rate = 0;if (event.getDeltaY() > 0) {rate = 0.05;} else {rate = -0.05;}double newWidth = imageView.getFitWidth() + w * rate;double newHeight = imageView.getFitHeight() + h * rate;if (newWidth <= width  || newWidth > scale * width ) {return;}Point2D eventPoint = new Point2D(event.getSceneX(), event.getSceneY());Point2D imagePoint = pane.localToScene(new Point2D(imageView.getX(), imageView.getY()));Rectangle2D imageRect = new Rectangle2D(imagePoint.getX(), imagePoint.getY(), imageView.getFitWidth(), imageView.getFitHeight());Point2D ratePoint;Point2D eventPointDistance;if (newWidth > scale / 4 * width && imageRect.contains(eventPoint)) {ratePoint = eventPoint.subtract(imagePoint);ratePoint = new Point2D(ratePoint.getX() / imageView.getFitWidth(), ratePoint.getY() / imageView.getFitHeight());eventPointDistance = pane.sceneToLocal(eventPoint);} else {ratePoint = new Point2D(0.5, 0.5);eventPointDistance = new Point2D(pane.getWidth() / 2,pane.getHeight() / 2);}imageView.setX(eventPointDistance.getX() - newWidth * ratePoint.getX());imageView.setY(eventPointDistance.getY() - newHeight * ratePoint.getY());imageView.setFitWidth(newWidth);imageView.setFitHeight(newHeight);});primaryStage.setScene(scene);primaryStage.show();}public static void main(String[] args) {launch(args);}}

JavaFX鼠标滚动放大缩小图片相关推荐

鼠标滚动放大缩小图片
function resizepic(thispic) { if(thispic.width>570) thispic.width=570; } function function bbimg( ...
Jquery鼠标滚轮放大缩小图片
使用Jquery鼠标点击图片,划动鼠标滚轮放大缩小图片. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
鼠标滚轮放大/缩小图片
<img id=pic src=" http://community.csdn.net/images/CSDN_logo.GIF" width=105 height=31 b ...
鼠标滚轮放大缩小图片
js实现鼠标滚轮放大缩小图片 <script> //放大缩小图片 function sdZoom(o) { var zoom=parseInt(o.styl ...
Qt for python QChartView鼠标滚动放大缩小
文章目录前言基于 QChart 缩放的几种方式使用QChartView来缩放使用QChart来平移和缩放使用QValueAxis或者QDateTimeAxis来平移和缩放 Qt曲线图表模块Q ...
html图片轮播放大,jquery+CSS3实现轮播图、js实现轮播图片自适应等比显示、图片旋转、图片拖拽、鼠标滚动放大缩小...
// 实现图片旋转自适应外边框 //算法:1.当图片宽和高同时大于外边框时以宽为标准100%(相对外边框)进行自适应,原图不变垂直水平居中显示 2.当图片宽大于外边框宽,高小于外边框高时,以宽为标准1 ...
以鼠标位置为中心的图片滚动放大缩小
1 //以鼠标位置为中心的图片滚动放大缩小 2 $(document).on("mousewheel","#mask img",function(ev){ 3 ...
jquery---实现滚轮放大缩小图片
(1)滚轮控制放大缩小图片效果如图: 实现代码如下: <!DOCTYPE html> <html><head><meta charset="utf- ...
Markdown给图片添加超链接，点击图片后，跳转新页面。放大缩小图片。
公司用Markdown写了个项目说明有个需求,就是点击图片,跳转到图片的链接(因为markdown不能放大缩小图片) 下面是超链接用法: ![alt属性文本](图片地址 ''图片title'') a ...

JavaFX鼠标滚动放大缩小图片

JavaFX鼠标滚动放大缩小图片相关推荐

最新文章

热门文章