拉斐尔js图像平铺

时间:2013-09-27 09:50:31

标签: javascript internet-explorer-8

我尝试使用Raphael库使用以下代码显示图像节点。

var _in=paper.image("/irims/wms/image/"+img,x,y,_size,_size); 

此代码在IE9,Chrome,FF中运行良好。 顺便说一句,在IE8和IE7中,图像有时会平铺。 我尝试使用图像属性修复此问题,如下所示 无用。 _in.attr({ “背景重复”: “不重复”});

我想知道天气是否是已知问题。 Raphael是否完全支持IE8和IE7? 我的Rapheal版本是2.1.2。

2 个答案:

答案 0 :(得分:0)

我认为这是一个已知问题。我见过很多关于它的帖子。在Raphael 2.1.2中,我不得不修改第7233行的几行来解决问题:

if (fillpos) {
  c = compensation(deg, m.x(fillpos[0], fillpos[1]), m.y(fillpos[0], fillpos[1]));
  //  ORIGINAL LINE
  //  fill.position = c.dx * y + S + c.dy * y;

  //  NEW LINE
  fill.position = ((c.dx * y) + 1) + S + ((c.dy * y) + 1);
}
if (_.fillsize) {
  //  ORIGINAL LINE
  //  fill.size = _.fillsize[0] * abs(sx) + S + _.fillsize[1] * abs(sy);

  //  NEW LINE
  fill.size = _.fillsize[0] * abs(sx) / 1.34 + "pt" + S + _.fillsize[1] * abs(sy) / 1.34 + "pt";
}

我希望有所帮助。让我永远解决这个问题。祝你好运!

答案 1 :(得分:0)

有同样的问题,这对我来说没有这样做,编辑这些行什么也没做。对我来说有用的不是设置视图框,这似乎解决了IE8图像平铺问题。