js图片上怎么编辑

JavaScript026

js图片上怎么编辑,第1张

可以对一图片进行诸如:裁剪、

调整大小、旋转、暴光(暴光、对比度)、

色彩(饱和度、色温)、锐化、等。

还可以进行比如一些文字的添加,

增加图片框什么的。

这个用css就可以解决,当然css能解决的js基本都能解决。

首先css:

左边图片设置关键css属性(其他属性你自己补充):

①透明度:filter: Alpha(Opacity=50)opacity:0.5兼容火狐和IE,

②Z轴顺序(要小于右边图像):z-index: 1也可以不设置;

③定位,固定大小:position: relative(或absolute)left: 100pxtop:100pxwidth:100pxheight:80px

右边图片设置关键css属性(其他属性你自己补充):

①Z轴顺序(要保证大于左边图像的Z轴顺序):z-index: 2

②定位,固定大小:position: relative(或absolute)left: 40pxtop:100pxwidth:100pxheight:80px

js实现的话就稍微复杂一点,如果你懂jQuery也许还能容易点,所以就不写了,太多代码,

因为css就可以解决,那么你就用css实现吧。

至于你是否要实现矩形图像变成梯形图片,我肯定的说也是可以做到的,

就比如:flip.js,这是个翻牌效果,他在翻牌的时候就是矩形到梯形,梯形回矩形。