主题:DHTML 如何按指定的角度旋转一张图片??
啊远 [专家分:2610] 发布于 2006-02-22 19:12:00
DHTML 如何按指定的角度旋转一张图片??
回复列表 (共3个回复)
沙发
qining-china [专家分:1150] 发布于 2006-02-22 20:56:00
我很遗憾的告诉你,不可能
板凳
啊远 [专家分:2610] 发布于 2006-02-23 17:54:00
不用这么确定吧! 我以前在网络上找到一个CHM里面有个例子是可以的!
只是现在找不到了! 我又忘记了!所以问的!
肯定可以!不会不可能的!
3 楼
啊远 [专家分:2610] 发布于 2006-08-13 13:12:00
兄弟们!那东西!找到了!
Matrix兼容性:IE5.5+
语法:
filter : progid:DXImageTransform.Microsoft.Matrix ( enabled=bEnabled , SizingMethod=sMethod , FilterType=sType , Dx=fDx , Dy=fDy , M11=fM11 , M12=fM12 , M21=fM21 , M22=fM22 )
属性:
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。
false : 滤镜被禁止。
SizingMethod : 可选项。字符串(String)。设置或检索容器是否改变尺寸去适应目标图像。clip to original | auto expand clip to original : 默认值。容器不改变尺寸。
auto expand : 容器改变尺寸以适应目标图像。
FilterType : 可选项。字符串(String)。设置或检索定义新内容的像素的方法。bilinear | nearest neighbor
要想获得最好的平滑的静态滤镜效果,请使用 bilinear 方法参数。而当用于动画图像时, nearest neighbor 方法参数因其运算速度较快从而能够提供动画每秒更多图像。 bilinear : 默认值。使用 bilinear 方法定义目标像素的色彩内容。
nearest neighbor : 使用 nearest neighbor 方法定义目标像素的色彩内容。
Dx : 可选项。浮点数(Float)。设置或检索线性转换的向量增加 X 。默认值为 1.0 。当 SizingMethod 属性设置为 auto expand 时此属性设置被忽略。
Dy : 可选项。浮点数(Float)。设置或检索线性转换的向量增加 Y 。默认值为 1.0 。当 SizingMethod 属性设置为 auto expand 时此属性设置被忽略。
M11 : 可选项。浮点数(Float)。设置或检索线性转换的第一行/第一列矩阵输入。默认值为 1.0 。
M12 : 可选项。浮点数(Float)。设置或检索线性转换的第一行/第二列矩阵输入。默认值为 0.0 。
M21 : 可选项。浮点数(Float)。设置或检索线性转换的第二行/第一列矩阵输入。默认值为 0.0 。
M22 : 可选项。浮点数(Float)。设置或检索线性转换的第二行/第二列矩阵输入。默认值为 1.0 。
特性:
Enabled : 可读写。布尔值(Boolean)。参阅 enabled 属性。
SizingMethod : 可读写。字符串(String)。参阅 SizingMethod 属性。
FilterType : 可读写。字符串(String)。参阅 FilterType 属性。
Dx : 可读写。浮点数(Float)。参阅 Dx 属性。
Dy : 可读写。浮点数(Float)。参阅 Dy 属性。
M11 : 可读写。浮点数(Float)。参阅 M11 属性。
M12 : 可读写。浮点数(Float)。参阅 M12 属性。
M21 : 可读写。浮点数(Float)。参阅 M21 属性。
M22 : 可读写。浮点数(Float)。参阅 M22 属性。
说明:
使用矩阵变形实现对象内容的改变尺寸、旋转、上下或左右反转。
使用此滤镜可以建立下列效果:
左右反转。将 M11 和 M12 的值取负。
上下反转。将 M21 和 M22 的值取负。
改变尺寸。将 M11 和 M12 和 M21 和 M22 的值乘以相同的因数。对象内容尺寸会按比例增大或缩小。
使用 padding 属性能够使最终图像边角被剪切的机会降到最小。
示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Matrix(enabled='false') ; }
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, sizingmethod="auto expand"); }
我来回复