目前我正在查看此question(How to create a diagonal line within a table cell?)并从answer(http://jsfiddle.net/zw3Ve/23/)获得非常好的Galled(https://stackoverflow.com/users/529689/galled) 。
但我遇到的问题是:
如何修改线的坐标。因为我要显示的行是从右上角到左下角。希望有人可以教我。
非常感谢。
答案 0 :(得分:1)
另一个答案中给出的最后一个jsfiddle使用css变换来旋转线条。您指定要旋转到的角度。 在示例中,角度值为负:
sDomTemp += '-webkit-transform: rotate(-'+nAnglSex+'deg);';
sDomTemp += '-moz-transform: rotate(-'+nAnglSex+'deg);';
sDomTemp += '-ms-transform: rotate(-'+nAnglSex+'deg);';
sDomTemp += '-o-transform: rotate(-'+nAnglSex+'deg);';
sDomTemp += 'transform: rotate(-'+nAnglSex+'deg);';
使角度为正,它将以另一种方式旋转(chnage rotate(-'+
rotate('+
}:
sDomTemp += 'transform: rotate('+nAnglSex+'deg);';
// repeat for the other browser-specific properties
对于IE特定的css属性filter: progid:DXImageTransform.Microsoft.Matrix()
,它使用三角函数,我没有IE进行测试,所以它超出了我的范围,抱歉。无论如何,这里是documentation。