将CAGradientLayer用作maskView的遮罩图层 说明 CAGradientLayer可以用作alpha遮罩,供maskView使用,这两种东西都是非常偏门的东西,但是,偏门不代表功能不强大,我们可以用CAGradientLayer制作出非常牛逼的动画效果,此博文,本人抛砖引玉简易介绍怎么将CAGradientLayer与maskView联系上.后续博文会陆续扩展并写出更好的控件. 只有完美的UI交互效果才能够为功能强大的app锦上添花,本人致力于研究分析苹果开发中那些巨牛逼但却无…

前端流行布局中最常见的弹出图层有popup, 对话框, tooltip等, 他们都使用了新的图层,但是实现办法各不相同, 有 的是通过半通明的黑白图层实现的, 有的是通过滤镜实现的, 我们来研究一下两者的区别 和使用场景. 半透明遮罩层 透明图层是实现很简单, 是在每一个像素上分配一个权重值, 0~1, 剩下的颜色计算自底层, 经过叠加计算得到新的像素 alpha叠加原理 来自上次项目中的一个问题: 例如,如果我为两个单独的标题设置值为rgba(15,34,160,1)和rgba(15 34,1…

OCiOS开发:CAGradientLayer 渐变色 CAGradientLayer 简介 CAGradientLayer是CALayer图层类的子类,用于处理渐变色的层结构. CAGradientLayer的渐变色可以做隐式动画. CAGradientLayer和CAShapeLayer配合使用可实现复杂效果. CAGradientLayer可以用作PNG的遮罩效果. CAGradientLayer 坐标系统 CAGradientLayer的坐标系统是从坐标(0,0)到(1,1)绘制的矩形.…

转载自:http://blog.it985.com/7986.html 看了极客学院的视频之后写的一篇博客,觉得不错,还是作为笔记使用. 简单介绍一下CAGradientLayer吧. Gradient:本身就是梯度的意思,所以在这里就是作为渐变色来理解 1,CAGradientLayer用于处理渐变色的层结构 2,CAGradientLayer的渐变色可以做隐式动画 3,大部分情况下,CAGradientLayer时和CAShapeLayer配合使用的.关于CAShapeLayer可以看我的这…

一.用途 CSS3裁剪与遮罩(Clipping and Masking)用来隐藏元素的一部分而显示另一部分 二.区别 CSS3裁剪与遮罩(Clipping and Masking)用来隐藏元素的一部分而显示另一部分 三.裁剪 3.1属性一览 3.1.1clip 语法 clip: auto | rect(top, right, bottom, left) 含义 设置绝对定位元素的裁剪,为不建议使用的属性,auto值为默认值. 自对象左上角为(0,0) 计算的四个偏移数值.如果为auto,则此边不剪…

一. CSS3 计数器详解    CSS3计数器(CSS Counters)可以允许我们使用CSS对页面中的任意元素进行计数,实现类似于有序列表的功能. 与有序列表相比,它的突出特性在于可以对任意元素计数,同时实现个性化计数. 1.CSS3计数器属性一览表 属性 描述 counter-reset 定义计算器,包括初始值.作用域等 counter-increment 设置计数器的增数 content 在::before和::after中生成内容 counter 在content属性中使用,用来调用…

Flash (交互式矢量图和Web动画标准) Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准,由Adobe公 司收购.做Flash动画的人被称之为闪客.网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果.Flash的前身是Future Wave公司的Future Splash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档.1996年11月,美国Macromedia公 司收购了Future Wave,并将其改名为F…

Mask属性介绍 Mask平时用的最多的是masksToBounds 吧. 其实除此以外Mask使用场景很多,看完之后你会发现好真是好用的不要不要的... 先来了解下Mask属性到底是什么? Mask 英文解释是蒙板/面罩,平时我们称为蒙层. 在苹果官方文档里如下图,意思是Mask是一个可选的Layer,它可以是根据透明度来掩盖Layer的内容. 这么一说好像...还是不晓得有什么卵用... 那再看下面这个说明,意思是Layer的透明度决定了Layer内容是否可以显示,非透明的内容和背景可以显示…

demo下载:https://github.com/chenquanjun/Quick-x-HighlightArea 2.裁剪模式 (1)创建裁剪对象 , , ) --非高亮区域颜色 local bgOpacity = 0.6 --非高亮区域透明度 ), size.width, size.height) local clipNode = CCClippingNode:create(); clipNode:setInverted(true)--设定遮罩的模式true显示没有被遮起来的纹理 如果是…

Canny一类的边缘检测算法可以根据像素之间的差异,检测出轮廓边界的像素,但它没有将轮廓作为一个整体.所以要将轮廓提起出来,就必须将这些边缘像素组装成轮廓. OpenCV中有一个很强大的函数,它可以从二值图像中找到轮廓:findContours函数. 有时我们还需要把找到的轮廓画出来,那就要用到函数drawContours了. findContours函数和那就要用到函数drawContours函数一般配套使用. #include "opencv2/imgproc.hpp" #incl…