草庐IT

javascript - 映射整数范围的最佳 d3 比例

我想构建一个比例尺,将一系列连续整数(字符串中字符的索引)映射到另一个整数范围(像素,比如0-600)中的规则间隔。也就是说,我想尽可能有规律地将字符分配给像素,反之亦然,一个字符的长度不一定是另一个的倍数。例如,我希望将[0,1,2,3]映射到400像素0->0-991->100-1992->200-2993->300-399反之0-99->0100-199->1200-299->2300-399->3虽然对于0-4000到400像素的映射,我希望0-9->010-19->1etc.d3中对此使用的最佳比例是多少?一方面,如果元素数量很大,我担心离散尺度不会使用域被等分的事实并生成巨

javascript - Three.js 将对象添加到组中但保持全局位置/旋转/比例不变

我想将一个对象从一个组(或世界/场景)移动到另一个组,但要保持其全局转换不变。基本上,我不想看到对象发生变化。基本上,是这样的://storecurrentworldtransformationvarorigWorldMatrix=myObject.matrixWorld.clone();//moveobjecttoagroup(thatispositionedandrotatedarbitrarily)someGroup.add(myObject);//restorepreviousworldtransformationmyObject.matrixWorld.copy(origWo

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - 数字的比例和精度

我希望从以下示例中的数字中获取小数位数和精度。varx=1234.567;我没有看到任何内置的.scale或.precision函数,我不确定正确的最佳方法是什么。 最佳答案 您可以使用Number.prototype.toFixed()varx=1234.56780123;x.toFixed(2);//output:1234.57x.toFixed(3);//output:1234.568x.toFixed(4);//output:1234.5680 关于javascript-数字的比

javascript - 如何为点比例尺实现反转功能?

我正在尝试为我的双折线图添加工具提示。但是,我没有使用timeScale或scaleLinear,而是使用scalePoint来绘制我的图表。我正在尝试实现以下效果:https://bl.ocks.org/mbostock/3902569this.x=d3.scalePoint().range([this.margin.left,this.width-this.margin.right]);this.xAxis=d3.axisBottom(this.x);this.x.domain(this.dataArray.map(d=>{returnthis.format(d['year']);

javascript - Raphael.js 拖动比例会导致奇怪的跳跃行为

我正在尝试使用Raphael.js的内置拖动方法调整图像大小/缩放图像,但我遇到了一些奇怪的行为。这是jsfiddle:http://jsfiddle.net/charleshimmer/5pdyy/1/使用右侧或右下角调整图像大小。你会看到一些奇怪的行为,它使用scale方法跳跃和跳跃。有人知道为什么吗?我可以通过更新图像的宽度和高度来调整平滑大小,但宽高比会关闭。使用image.scale,纵横比保持不变,但随后会到处跳动。 最佳答案 HTMLPhotoTestCSSsvg{border:1pxsolidred;backgrou

javascript - 在 iPhone 网络应用程序上捏/缩放后如何获得视口(viewport)比例?

有谁知道如何在用户捏合或双击以放大/缩小JavaScript页面后获取视口(viewport)的大小(以像素为单位)或比例值?我尝试过使用window.innerWidth,但结果好坏参半。有时它似乎准确地给出了视口(viewport)显示的像素数,但是,如果我在页面上放大然后做一个大的捏来缩小,window.innerWidth将在600-700左右,即使它只是显示页面的~200px。该页面只有400像素宽,并且没有显示当您缩小到超过页面大小时看到的方格背景“您做得太过分了”。如果我稍微捏一下来放大和缩小,window.innerWidth似乎工作得很好。不幸的是,我不能指望用户只做

javascript - 谷歌地图根据窗口调整大小设置不同的缩放比例

根据我之前的问题Googlemapsresponsiveresize我想根据窗口调整大小实现不同的缩放级别,在调整大小时,所以如果浏览器窗口“小于”应用x缩放级别,如果“大于”自动应用另一个缩放级别,即时。以下代码在调整窗口大小时使map重新居中方面工作得很好,我需要对其应用新的缩放级别:varmap;functioninitialize(){varmapOptions={center:newgoogle.maps.LatLng(40.5472,12.282715),zoom:6,mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogl

javascript - 如何使比例四舍五入到# 的最接近倍数?

x.scale=d3.time.scale().domain(x.extent).range([0,dimensions.graph.width]);此代码使用x.extent([WedAug01201200:00:00GMT+0300(EEST),TueAug07201200:00:00GMT+0300(EEST)])和图形宽度(1000)以生成x值比例。但是,我需要将该值舍入到最接近的25的倍数(Math.round(x/25)*25)。通过这样做,我想实现精确的宽度刻度,现在定义为:x.axis=d3.svg.axis().ticks(d3.time.days,1).tickSi

javascript - 在 d3 js 中仅在 x 轴上表示年份的比例是多少

我一直在D3Js中开发年(x轴)与收入(y轴)的面积图。数据如下:localData=[{"Revenue":"4.5","Year":"2011"},{"Revenue":"5.5","Year":"2010"},{"Revenue":"7.0","Year":"2012"},{"Revenue":"6.5","Year":"2013"}]我想要面积图的x轴为年份,y轴为收入。目前我正在为x轴使用时间刻度,但我不知道如何使用它,因为我没有日期格式,我只有年份来表示。我当前的代码是:varmargin={top:20,right:20,bottom:30,left:50},width=