前言 长假归来第一发,来学习个简单的图片倒影渐变效果 地址 http://blog.csdn.net/xiangyong_1521/article/details/78195950 目录 需要实现的效果...int width = originalImage.getWidth(); int height = originalImage.getHeight(); Matrix...matrix = new Matrix(); matrix.preScale(1, -1); //实现图片的反转 Bitmap reflectionImage = Bitmap.createBitmap...(originalImage, 0, height / 2, width, height / 2, matrix, false); //创建反转后的图片Bitmap对象,图片高是原图的一半。...,然后把渐变效果加到其中,就出现了图片的倒影效果。
copy_pagecreate_similarcontent width heightfinishflushget_contentget_device_offs...
旋转图片 - 第二步 添加样式,transform 旋转 .img2{ transform: scaleY(-1); } ?...拓展 倒影和原图增加立体感,我们可以使倒影图倾斜一个角度,css3中,提供transform: skew(30deg)), 30deg是角度。由于倾斜,所以需要向右位移一下margin-left。...主要通过transform的scale、skew属性,和背景gradient渐变实现图片倒影渐变效果。
上篇介绍了使用Animation实现3D动画旋转翻页效果,现在介绍图片倒影实现,先看效果图 本示例主要通过自定义Gallery和ImageAdapter(继承自BaseAdapter)实现 1...+倒影三部分组成,高度大约为原图的3/2(原图为1、倒影为1/2) 原图,就是我们看到了最开始的图片 间距,是原图与倒影之间的间隙,如:reflectionGap = 4; 倒影,是原图下半部分1/2高度...,通过矩阵变换matrix.preScale(1, -1); 获取倒立图片,然后再加上线性遮罩和阴影实现 倒影实现: /** 反射倒影 */ public boolean createReflectedImages...= new Matrix(); matrix.preScale(1, -1); // 图片矩阵变换(从低部向顶部的倒影) Bitmap reflectionImage = Bitmap.createBitmap...Android中图片倒影、圆角效果重绘
此类CSS3属性的出现,不仅降低了图片请求次数,也提升了开发效率。除了刚刚提到的这些CSS3属性之外,还有一个高逼格的效果 —— 倒影。 本文主要内容 1. CSS3 倒影简介 2....,此值也可以使用负值 mask-box-image:用来设置倒影的遮罩效果,可以是背景图片,也可以是渐变生成的背景图像。...CSS3 倒影基本用法 3.1 图片倒影: 下面的示例定义一个简单的倒影样式,倒影的位置我们可以根据实际情况来设置,此处倒影为图片下方。效果图如下: ?...ps: 用于遮罩的图片必须是png格式图片。给生成的倒影添加遮罩效果的时候,如果没有设置显式的间距offset将会让box-reflect失效。...3.4 文字倒影 当然,我们除了可以通过图片设置倒影,也可以为网页上的任何对象设置倒影,下面做个文字本倒影的例子。 ?
xfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN); mPaint.setXfermode(xfermode); Matrix...matrix = new Matrix(); //上下镜像效果对Y轴进行负拉伸 matrix.setScale(1,-1); matrix.postTranslate...(0,bitmapSrc.getHeight()*2); canvas.drawBitmap(bitmapSrc, matrix, mPaint); mPaint.setXfermode
本文实例讲述了Android开发实现图片平移、缩放、倒影及旋转功能的方法。...分享给大家供大家参考,具体如下: 解析: 1)根据原来的图片创建新的图片 Bitmap modBm = Bitmap.createBitmap(bm.getWidth()+20, bm.getHeight...(); matrix.setRotate(90, bm.getWidth()/2, bm.getHeight()/2); 4)把改变后图片设置到 canvas.drawBitmap(bm, matrix...matrix = new Matrix(); //matrix.setRotate(90, bm.getWidth()/2, bm.getHeight()/2); matrix.setTranslate...()); iv2.setImageBitmap(b2); } } 3、倒影 public class ShadeImageActivity extends Activity { private
imageMatrix.postTranslate((imageWidth / 2), (imageHeight / 2)); mCamera.restore(); } } 2.接下来就是要为图片添加倒影了...,用过PhotoShop的都知道添加倒影就是将原有图片倒置,设置渐变式的显示,再将其放在原图片下面就行了,这里的方法也是一样 在为Gallery添加图片的同时,为每个图片添加倒影,需要在Adapter... Matrix matrix = new Matrix(); matrix.preScale(1, -1); // 实现图片的反转 ...,然后把渐变效果加到其中,就出现了图片的倒影效果 ImageView imageView = new ImageView(mContext); ...imageView.setImageBitmap(bitmapWithReflection); // 设置带倒影的Bitmap //设置ImageView的大小,可以根据图片大小设置 //
前言 [1].Bitmap是关于图象的类,也就是位图 [2].生成Bitmap对象的方式 [3].BitmapFactory.Options [4].模糊处理 [5].给一个Bitmap添加倒影...(bitmap); 2.通过res资源加载图片 //通过res资源加载图片 Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.iv...(); int height = originalImage.getHeight(); // 沿Y轴镜像矩阵 Matrix matrix = new Matrix();...matrix.preScale(1, -1); Bitmap reflectionImage = Bitmap.createBitmap( originalImage,...0, height / 2, width, height / 2, matrix, false); Bitmap bitmapWithReflection = Bitmap.createBitmap
零、前言 1.Bitmap是关于图象的类,也就是位图 2.生成Bitmap对象的方式 3.BitmapFactory.Options 4.模糊处理 5.给一个Bitmap添加倒影 6...(bitmap); 2.通过res资源加载图片 //通过res资源加载图片 Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.iv...(); int height = originalImage.getHeight(); // 沿Y轴镜像矩阵 Matrix matrix = new Matrix();...matrix.preScale(1, -1); Bitmap reflectionImage = Bitmap.createBitmap( originalImage,...0, height / 2, width, height / 2, matrix, false); Bitmap bitmapWithReflection = Bitmap.createBitmap
本文实例讲述了Android开发之图片旋转功能实现方法。分享给大家供大家参考,具体如下: 在Android中进行图像旋转需要使用Matrix,它包含了一个3*3的矩阵,专门用于进行图像变换匹配。...Matrix ,中文里叫矩阵,高等数学里有介绍,在图像处理方面,主要是用于平面的缩放、平移、旋转等操作。Matrix没有机构体,它必须初始化,然后通过reset方法和set方法来实现。...set是直接设置Matrix的值,每次set一次,整个Matrix的数组都会变掉。...(); matrix.setRotate(angle); //设置旋转 //按照matrix的旋转构建新的Bitmap Bitmap bitmapcute = Bitmap.createBitmap...Auto-generated method stub return true; } /** * 绘制一个Bitmap * canvas 画布 * bitmap 图片
; 此时在画布中专辑封面图片以15度平行变换 绘制倒影 在cover flow中,封面图片包含倒影效果。...之前的绘制的封面图片,在控件中央(也是画布中央)的位置。为了放置倒影后仍然处于控件中心,画布应该一分为二:上半部分绘制封面图片,下半部分绘制倒影。...更改代码: //float yBitmap = yCenter - bitmap.Height / 2; float yBitmap = yCenter-bitmap.Height; 绘制倒影封面图片...SKRect.Create(xBitmap, yBitmap, bitmap.Width, bitmap.Height); canvas.DrawRect(rect, paint); } 倒影用一个黑色半透明的矩形覆盖在原始封面图片上...,并且将画布沿Y轴翻转,使得倒影图片在封面图片的下方。
用途 matrix 规定 2D 转换,使用六个值的矩阵。 语法 matrix(a, b, c, d, tx, ty) 值 值 描述 a 规定X轴的缩放比例。 b 规定Y轴的倾斜角度。...例子 Transform Matrix(矩阵变形)-Css3演示 /* CSS */ .stage{ background-color...width: 40%; border-radius: 1em; line-height: 2; font-size: 18px; transform:matrix
:无限循环,自动跳转,倒影效果。...,只要不在中间的图片都有旋转角度) camera.rotateY(rotateAngle); Matrix matrix = t.getMatrix(); // 变换的矩阵,将变换效果添加到矩阵中...int resID) { // 1.获取原图 Bitmap sourceBitmap = BitmapFactory.decodeResource(res, resID); // 2.生成倒影图片...Matrix m = new Matrix(); // 图片矩阵 m.setScale(1.0f, -1.0f); // 让图片按照矩阵进行反转 Bitmap invertBitmap =..., sourceBitmap.getHeight() + 5, null); // 将倒影图片画在画布的下方 // 4.添加遮罩效果 Paint paint = new Paint();
Access Matrix 插件针对 RBAC 设计,用于查询和展示当前集群的 RBAC 设置。 ?
例如,要将一个图片旋转30度,然后平移到(100,100)的地方,那么可以这样做:Matrix m = new Matrix(); m.postRotate(30 ); m.postTranslate...倒影效果: ? 图片的合成(水印): ? 不多说了,直接上代码了。...** * 设置倒影效果 * * @param bitmap1 * @param matrix */ private void setInvertedImage(Bitmap bitmap1...); // 设置图片合成时的各种模式 paint.setXfermode(new PorterDuffXfermode(Mode.DARKEN)); // 图片的合成很简单,就是再以bitmap2...为基图往目标图片上画一次 canvas.drawBitmap(bitmap2, matrix, paint); } } 布局文件的代码如下: <LinearLayout xmlns:android
Matrix的数学原理 在Android中,如果你用Matrix进行过图像处理,那么一定知道Matrix这个类。Android中的Matrix是一个3 x 3的矩阵,其内容如下: ?...Matrix的对图像的处理可分为四类基本变换: Translate 平移变换 Rotate 旋转变换 Scale 缩放变换 Skew...实际中当然不能完全按照字面上的说法去理解Matrix。同时,在Android的文档中,未见到用Matrix进行透视变换的相关说明,所以本文也不讨论这方面的问题。...其中 set用于设置Matrix中的值。 pre是先乘,因为矩阵的乘法不满足交换律,因此先乘、后乘必须要严格区分。先乘相当于矩阵运算中的右乘。...要使图片在屏幕上看起来像按照数学意义上y = -x对称,那么需使用这种转换: ? 关于对称轴为y = kx 或y = kx + b的情况,同样需要考虑这方面的问题。 ----
-webkit-box-reflect的作用是让图片出现倒影。...实现倒影的基本语法 实现倒影的基本语法非常的直观,假设我们想给下面的图片增加倒影效果,可以这样写: img { -webkit-box-reflect: below; } 上面这个例子中倒影出现了图片的下方...倒影偏移量 Offset属性值用来定义图片和倒影影像之间的间距。...参考下面的代码: img { -webkit-box-reflect: below 10px; } 上面的代码中,我们使图片和倒影影像之间相聚10px; 给倒影增加消隐效果 在现实生活中,倒影的出现通常是上半部比较清晰...让我们来看看下面的例子: 我们把图片包裹着一个ID是someid的里。
什么是矩阵 矩阵(Matrix)是一个按照长方阵列排列的复数或实数集合,元素是实数的矩阵称为实矩阵,元素是复数的矩阵称为复矩阵。而行数与列数都等于n的矩阵称为n阶矩阵或n阶方阵。...记作: image.png 标量、向量、矩阵、张量的关系 这4个概念是维度不断上升的,我们用点线面体的概念来比喻解释会更加容易理解: 点——标量(scalar) 线——向量(vector) 面——矩阵(matrix...) 体——张量(tensor) image.png 百度百科和维基百科 百度百科版本 在数学中,矩阵(Matrix)是一个按照长方阵列排列的复数或实数集合,最早来自于方程组的系数及常数所构成的方阵。
领取专属 10元无门槛券
手把手带您无忧上云