小编swa*_*nny的帖子

我正在使用d3.js将80,000行.tsv的内容绘制到图表上.

我遇到的问题是,由于数据太多,页面在aprox 5秒内没有响应,而整个数据集一次被搅拌.

如果数据在更长的时间内传播,是否有一种简单的方法可以逐步处理数据？理想情况下,页面将保持响应,并且数据将在可用时绘制,而不是在最后一次大打击

我正在构建一个投资组合网站,当用户点击一个thumnail时,它会动态加载大型高分辨率图像.但是,在调整原始图像的质量以适应当前浏览器时,我遇到了问题.

目前我只是将图像的宽度和高度属性调整为按比例调整到阶段,这样可以很好地适应它,但是我无法弄清楚如何保持图像质量？我是否需要将其作为位图加载并重绘/平滑或类似的东西？

这是我目前使用的相应代码:

var req:URLRequest = new URLRequest("images/101.jpg");
var loader:Loader = new Loader();

var widthRatio:Number;
var heightRatio:Number;

function imageLoaded(e:Event):void
{
 //add image to stage
 addChild(loader);


 // resize proportionally
 if (loader.width > stage.stageWidth){
  widthRatio=loader.width/stage.stageWidth;
  trace(widthRatio)
  trace(loader.width);
 }
 if (loader.height > stage.stageHeight){
  heightRatio=loader.height/stage.stageHeight;
  trace(heightRatio)
  trace(loader.height)
 }

 if (widthRatio > heightRatio){
  loader.width = stage.stageWidth;
  loader.height = loader.height/widthRatio;
 } else {
  loader.height = stage.stageHeight;
  loader.width = loader.width/heightRatio;
 }

 //centre on stage
 loader.x=stage.stageWidth/2 - loader.width/2;
 loader.y=stage.stageHeight/2 - loader.height/2;

}

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);
loader.load(req);

我对javascript OOP相对较新,并且我认为这是一个相对基本的问题,但我无法通过搜索网络找到任何帮助.我错过了什么,或者我只是以错误的方式解决这个问题？

这是我的示例代码:

function Square( setSize, setX, setY ){
  var size = setSize;
  var xPos = setX;
  var yPos = setY;

  this.getCenter = function(){
    return {
      x: xPos + size*0.5,
      y: yPos + size*0.5
    };
  };

  this.moveX = function( magnitude ){

    var currentPosition //=how do I access getCenter() from here?

  };

}