草庐IT

javascript - D3 v4 : Reset zoom state

我有一个可以缩放的SVG,还有一个“重置”按钮。我正在使用重置缩放zoom.transform(selection,d3.zoomIdentity)这按预期工作并重置SVG上的缩放。但如果我再次缩放,它会缩放回上次状态。例如。我滚动,按“重置”按钮,然后缩小->SVG被放大。如何重置zoom对象的内部缩放状态?尝试了不同的解决方案,但均无效。这里是完整的缩放代码//zoomcannotbedoneonthedirectlyvarcontainer=d3.select("#g5063")varzoom=d3.zoom().scaleExtent([0.7,8]).on("zoom",()

javascript - 在 Paper.js 中适合页面缩放后,光栅图像偏离中心

我正在开发一个Paper.js应用程序,它在view中放置一个raster(图像)。然后它会缩放以适合图像,以便一次可以看到所有图像。它主要工作,但图像最终偏移,如下所示:什么时候应该看起来更像这样:下面是创建View、添加图像并调用缩放以适合的代码://SetupHTMLImagevarimage=newImage(this.props.image.width,this.props.image.height);image.src='data:image/png;base64,'+this.props.image.imageData;//varcanvas=React.findDOMN

javascript - 在 D3.js 中缩放或平移时限制域

我已经实现了一个可以缩放和平移的简单D3.js折线图。它基于StephenBannasch的优秀示例here.我的数据域在x维度上是[0,n]。如何使用内置缩放行为(即使用鼠标滚轮事件)将缩放和平移限制到该域?我想防止用户平移到下端的0或上端的n,例如,他们永远不能看到x轴上的负值,并且希望将缩放限制在同一窗口内。我根据JasonDavies找到的使用extent([...],[...],[...])的示例在版本2.9.1中似乎不再有效。不幸的是,缩放行为目前是少数几个未在其他出色的API文档中记录的功能之一。欢迎任何指点。附言。我在D3.js邮件列表上发布了同样的问题,但没有得到回复

javascript - 有没有办法为浏览器指定最小和最大缩放级别?

最新的浏览器允许使用CTRL+-、CTRL-鼠标滚轮以及触控板上的两个手指捏合手势来更改缩放级别。虽然我自己觉得这个功能非常方便(各种网站上的字体通常太小,我无法阅读),但我们进行了一些测试,测试人员(有意无意地)在任何网页都无法显示的情况下应用了非常极端的缩放级别可用。然后他们声称这样做的可能性是一个错误,用户可能会在不知道他在做什么的情况下应用缩放,并且可能无法将其设置回来。我被要求完全禁用缩放,但我自己不太喜欢这个想法。我不想简单地禁用缩放,而是希望能够在其下设置最小和最大边界,我已经验证,该网站看起来仍然足够好。如何完全禁用缩放的问题不是此问题的重复。该网站建立在React框架

java - 如何使 photoview 库与 viewpager 一起工作

我是安卓开发的新手。我正在使用photoview库在我的imageviewer应用程序中启用图像缩放。但是viewpager和缩放功能不能同时工作。当我在FullImageActivity.java中包含photoView.setVisibility(View.GONE);时,viewpager开始工作,当我删除它,缩放功能开始工作。但是zooming和viewpager不能同时工作。我该如何解决?谢谢完整代码可在https://github.com/redviper00/game获得FullImageActivity.java:publicclassFullImageActivity

C#:使用滚动条缩放图片框图像的简单而实用的方法

有没有一种简单实用的方法可以在包含滚动条的图片框中缩放图像?目前,我在激活自动滚动的面板中使用图片框。要缩放,我放大图片框并使用面板上的滚动条移动它。问题是,它的行为很奇怪。例如:如果你放大到很远,上边框和左边框与图像之间的边距会越来越大。这就是缩放方法。我从here得到的.privatevoidZoomInOut(boolzoom){//ZoomratiobywhichtheimageswillbezoomedbydefaultintzoomRatio=10;//SetthezoomedwidthandheightintwidthZoom=pictureBox_viewer.Widt

javascript - 放大/缩小 imagemap 后 Maphilight() 停止正常工作

我有一个包含300-400个多边形区域的图像映射,在事件“onclick”时应该突出显示该区域并获取一些数据等...加载页面时(我的图像有点大,3-5MB)所以我调整了大小这些图像映射使用davidjbradshaw/image-map-resizer插入。当我开始实现高亮方法时,一切正常,但在放大/缩小图像后,我的聚线被弄乱了。如果我删除突出显示选项并放大/缩小,我的聚线将调整为适当的图像大小。调整大小的JS代码(正常工作)$(document).ready(function(){imageMapResize();});functionZoomIn(){$("img").animat

javascript - D3 平移缩放溢出

我想知道您是否可以帮助我使用以下fiddle中的以下D3js缩放和平移功能:http://jsfiddle.net/moosejaw/nUF6X/5/我希望代码(虽然不是很好)是直截了当的。我有一个图表,其中包含总染色体长度乘以总染色体长度。刻度值是每条染色体的个体长度(总长度)。刻度线被格式化为染色体的名称(以便最终用户看起来好看)。我遇到的问题是:x轴和y轴标签延伸到图形区域之外。当我没有明确提供刻度值时,标签会“消失”。见:varyAxis=d3.svg.axis().scale(y).orient("left").tickValues(tickValues).tickForma

javascript - 如何放大图像并将其居中?

知道如何使用javascript、css在特定点放大图像吗?我正在使用基于webkit的浏览器。我可以通过指定缩放属性来缩放,比如`elem.style.zoom="150%",主要问题是我无法将图像居中放置在我想要缩放的位置。我可以使用mouseclick获得我想要缩放的点。 最佳答案 正如我在上面的评论中所说,我会避免使用zoomcss属性并只使用javascript。我设法将以下代码放在一起,第一次点击时效果很好,实际上它所需要的只是更动态一点(甚至是一个词?)。 functionresizeImg(img) { varre

javascript - Safari iPad 1 : how to disable zoom/centering on double-tap, 但保持双指缩放

我想知道是否可以防止在SafariiOS(iPad1)中的特定HTML元素上双击缩放和双击居中?因为我的小型HTML5游戏会强制用户进行快速点击(或点击),这会被解释为双击,并且当它发生时-页面会更改缩放并自行居中。检测双击(就像在这个答案中-SafariiPad:preventzoomondouble-tap)闻起来很糟糕..错误答案#1:-不适合我的目的,因为它会阻止任何缩放。错误答案#2:也许会.preventDefault()仅点击事件就足够了吗?-没有任何影响。 最佳答案 除了捕获您想要阻止的事件并调用preventDef