草庐IT

javascript - 在缩放/拖动时缩放/重绘 d3.js 网格线

我昨天才开始使用d3.js,但在完成我的工作时遇到了一些麻烦。现在我创建了一个带有两个y轴的图表,每个显示一些值,x轴显示日期。点击y轴上的值,我会显示相应的水平网格线。我的问题是,在放大或缩小或拖动时,网格线(水平和垂直)无法根据轴值正确缩放,它们根本就不动。我今天下午进行了很多搜索,找到了一些如何执行此操作的示例,但它们似乎都不适用于我已有的代码。我想,应该将逻辑添加到缩放行为中,但我不确定//xaxisgridlinesfunctionmake_x_gridlines(){returnd3.axisBottom(x).ticks(5)}//addtheXgridlinesletx

javascript - 通过单击缩放按钮放大和缩小图像 (Javascript)

我正在尝试通过两个缩放按钮(+)和(-)放大和缩小图像。问题是当图像为全屏尺寸(宽度100%)时“放大”停止。我需要将图像放大到比屏幕尺寸大得多。只是不知道该怎么做。我是Javascript的初学者,所以我希望有人有动力帮助我解决这个Javascript小问题。我想知道是否有任何简单的放大/缩小/重置插件可以与缩放按钮一起使用?图像抓取也很酷。再次感谢!functionzoomin(){varmyImg=document.getElementById("map");varcurrWidth=myImg.clientWidth;if(currWidth==2500)returnfalse

javascript - d3JS : Plot lower-density data version of a large data set when zoomed out on line/area chart

我正在创建一个类似于MikeBostock's的图表可缩放面积图。对于我的特定项目,我有一组传感器,每30秒记录一次值(温度、光线、湿度和声音)。我有缩放实现工作,但是当我缩小到一年的比例时,图表的密度会减慢浏览器的速度并且图形也不会读取。如何编辑脚本,使折线图的密度相对于缩放量发生变化?换句话说,x域控制着值(value)线上的点数。当我放大到一个小时的时间范围时,我想要全密度(每30秒记录一次),而当我缩小时,我想要低得多的密度(每天记录一次)。有任何想法吗?使用上面链接中的脚本实现会很有帮助。谢谢!svg{font-size:10px;}.axis{shape-rendering

javascript - D3 : Zooming/Panning Line Graph in SVG is not working in Canvas

我使用SVG使用d3创建了zooming/panning图形。我正在尝试使用Canvas创建完全相同的图表。我的问题是,当涉及到Canvas图形的缩放和平移时,图形正在消失,我不知道为什么。我创建了两个JSBin来显示两者的代码。有人可以帮助我吗。SVG-JSBinCanvas-JSBin我的SVG缩放代码如下所示://ZoomComponentszoom=d3.zoom().scaleExtent([1,dayDiff*12]).translateExtent([[0,0],[width,height]]).extent([[0,0],[width,height]]).on("zoo

javascript - 什么是最好的 jQuery 产品缩放插件?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭11年前。我不是前端人员,只是学习jQuery,因此非常感谢任何帮助。什么是最简单、最稳定的jQuery缩放插件?我有一张常规尺寸的产品图片和一张详细图片。我需要能够以某种方式放大。你会推荐哪个?

javascript - Google Maps JavaScript API - 自动缩放级别?

我正在使用多个map标记。目前,我在我的JavaScript中使用map.fitBounds(bounds);来调整map大小。bounds包含多个LatLng对象。我做错了什么?因为它缩小得太远了:-(JavaScript源代码vargeocoder,map;$(document).ready(function(){varcoll_gmap=$(".gmap");if(coll_gmap.length!=0){//initiatemapgeocoder=newgoogle.maps.Geocoder();varlatlng=newgoogle.maps.LatLng(-34.397,

javascript - 缩略图悬停缩放(放大)w/CSS3 和 javascript z 轴问题

我试图构建一系列在悬停时放大的缩略图。我的初步构建通过使用CSS3transform:scale和ease-in-out完成放大/缩放部分。问题是它们相互重叠,因为它们共享一个z轴。任何人都可以帮助我为这个场景创建一个javascript添加,正确地将每个缩略图定位在一个有意义的z轴上,即每个放大的图像调整大小以位于彼此图像的顶部。我网站上的演示:demo更新:已解决代码预览:html:CSS:#maindiv.hover{position:relative;z-index:200;display:block;-webkit-transition:all0.2sease-in-out;

具有缩放和大数据支持的 Javascript 图表库

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭3年前。Improvethisquestion谁能推荐一个具有缩放功能的特定JavaScript图表库,同时支持大约2,50,000/250K绘图点的大型数据。建议开源。

javascript - 缩小时使 Jquery UI 拖放工作

我正在查看JqueryUI的拖放演示。该演示在正常缩放下工作正常。但如果你缩小到50%,事情就会变得不稳定。http://www.elated.com/res/File/articles/development/javascript/jquery/drag-and-drop-with-jquery-your-essential-guide/card-game.html有人可以建议修复演示的方法吗? 最佳答案 据我所知,浏览器缩放和javascript/jQuery表现不佳。五年前,在浏览器上缩放并不能缩放图像(至少在IE中)等。ht

javascript - 如何检测 IE 8 中的页面缩放级别?

可悲的是,我在这个genericquestion上没有一个足够好的解决方案.Themostupvoted&acceptedanswer在IE8.0.7601.17514(最新)上似乎对我不起作用。Anotheranswer接近工作-但它对我来说总是关闭20%,可能是因为我在Windows中定义了大字体。我想我无法在javascript中检测到这一点,所以这也不是一个可靠的答案(即使它实际上可能适用于95%的IE用户......我可能会使用它作为解决方法)。是否有更好、可靠的方法来检测IE8中当前页面的缩放比例? 最佳答案 我相信你可