是否有一种简单而实用的方法来缩放图片框中的图像,包括滚动条?
目前,我在一个面板中使用一个图片框,自动滚动启动。若要缩放,请放大“图片框”并将其与面板上的滚动条一起移动。问题是,它的行为很奇怪。例如:如果放大到很远,上、左窗体边框和图像之间的边距就会越来越大。
这就是放大的方法。我从那里得到的。
private void ZoomInOut(bool zoom)
{
//Zoom ratio by which the images will be zoomed by default
int zoomRatio = 10;
//Set th
我必须开发一个函数"onMouseClick“来获取画布中图片的坐标(x,y),那么我们如何获取画布(javascript)中可拖动和可缩放图像的坐标x,y呢?
下面是我的代码:
onMouseClick: function(iEvent){
var rect = this.elements.container.getBoundingClientRect();
var x = iEvent.pageX - rect.left;
var y = iEvent.pageY - rect.top;
var coord = "X: " +x+
背景:
我正在创建一个图像旋转木马,显示50%的缩放图像,但当点击图像时,弹出查看器显示该图像的实际大小版本,前提是图像不大于观看者。
当图像小于弹出式查看器时,则显示为实际大小。
当图像比弹出查看器大时,则缩放以适合查看器,但不裁剪。
弹出查看器限制图像的整体大小,这样当图像被放大或放大时,位于图像周围的控件不会受到图像的干扰,这是我要添加到弹出查看器中的下一个功能。这里有一小块代码,但是全部都是在CodePen中。
<style>
/* These aren't the actual values, they are dynamically calculated t