绘图quartz之阴影

//设置矩形的阴影并在后边加一个圆不带阴影步骤: CGContextRef context = UIGraphicsGetCurrentContext(); //保存上下文 CGContextSaveGState(context); //设置阴影(图形上下文,偏移量,模糊度) CGContextSetShadow(context, CGSizeMake(5, 5), 10); //设置一个矩形 CGContext…

iOS 2D绘图 (Quartz 2D) 概述

本篇博客原文地址:http://blog.csdn.net/hello_hwc?viewmode=list 由于自己的项目需要,从网络上下载了许多关于绘制图形的demo,只是用在自己的项目中,很多地方的代码还是吃不透,于是决定仔细学习一下Quartz 2D这个强大的框架,这里也是站在别人的肩膀上来辅助自己的学习,感谢原博客的详细讲解. Quartz 2D用来干嘛的? Quartz 2D属于 Core Graphics (所以大多数方法以CG开头),是iOS/Mac OSX提供的在内核之上的强大的…

iOS 2D绘图 (Quartz2D)之阴影和渐变(shadow，Gradient)

原博地址:http://blog.csdn.net/hello_hwc/article/details/49507881 Shadow Shadow(阴影) 的目的是为了使UI更有立体感,如图 shadow 主要有三个影响因素 x off-set 决定阴影沿着X的偏移量 y off-set 决定阴影沿着y的偏移量 blur value 决定了阴影的边缘区域是不是模糊的其中不同的blur效果的图注意: shadow也是和绘制状态相关的,意味着如果仅仅绘制一个subPath的shadow,注意s…

绘图quartz之渐变

实现线性渐变径向渐变自己新建的view中有一个drawRect:(cgrect)rect方法在这个方法里可以通过画图将内容显示在画板上(即最下边的view) 渐变的方式分两种 :1种是线性渐变 1种是径向渐变首先先看线性渐变 1 设置图像的上下文 2 获得颜色空间说明他是什么类型的颜色 3 设置开始颜色结束颜色并且将他们换成Cg颜色 4 设置渐变渐变的4个参数没有的需要进行创建 2 3 5 绘制线性渐变绘制径向渐变 6…

绘图quartz之加水印

实现在图片上加一个水印并存在document的路径下同时在手机相册中也存一份 //首先开启imageContext找到图片 UIGraphicsBeginImageContext(self.imageView.frame.size); //找到图片 UIImage *img = [UIImage imageNamed:@"0.png"]; //画图片的位置 [img drawInRect:self.imageView.bounds];…

iOS开发--绘图教程

本文是<Programming iOS5>中Drawing一章的翻译,考虑到主题完整性,翻译版本中加入了一些书中未涉及到的内容.希望本文能够对你有所帮助. 本文由海水的味道翻译整理,转载请注明译者和出处,请勿用于商业用途! Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎.它提供了低级别.轻量级.高保真度的2D渲染.该框架可以用于基于路径的绘图.变换.颜色管理.脱屏渲染,模板.渐变.遮蔽.图像数据管理.图像的创建.遮罩以及PDF文档的创建.…

iOS绘图教程 (转，拷贝以记录)

本文是<Programming iOS5>中Drawing一章的翻译,考虑到主题完整性,在翻译过程中我加入了一些书中没有涉及到的内容.希望本文能够对你有所帮助. 转自:http://www.dkankan.com/archives/6837 本文由海水的味道翻译,转载请注明译者和出处,请勿用于商业用途! Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎.它提供了低级别.轻量级.高保真度的2D渲染.该框架可以用于基于路径的绘图.变换.颜色管理…

iOS绘图教程

本文是<Programming iOS5>中Drawing一章的翻译,考虑到主题完整性,翻译版本中加入了一些书中未涉及到的内容.希望本文能够对你有所帮助.(本文由海水的味道翻译整理,转载请注明译者和出处,请勿用于商业用途!原文) Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎.它提供了低级别.轻量级.高保真度的2D渲染.该框架可以用于基于路径的绘图.变换.颜色管理.脱屏渲染,模板.渐变.遮蔽.图像数据管理.图像的创建.遮罩以及PDF…

iOS：quartz2D绘图

Quartz-2D:绘图一.介绍: •Quartz 2D是一个二维图形绘制引擎,支持iOS环境和Mac OS X环境 •Quartz 2D API可以实现许多功能,如基于路径的绘图.透明度.阴影.颜色管理.反锯齿.PDF文档生成和PDF元数据访问等 •Quartz 2D API是Core Graphics框架的一部分,因此其中的很多数据类型和方法都是以CG开头的.会经常见到Quartz 2D(Quartz)和Core Graphics两个术语交互使用 •Quartz 2D与分辨率和…

Canvas 绘图学习笔记2

1 绘制文本 fillText(string,x,y,maxWidth) //填充试绘制文本 strokeText(string,x,y,maxWidth) 画线试绘制文本设置字体样式: context.font 文字的字体样式可选属性: font-style 字体样式 font-variant 字体变体 font-weight 字体粗细 font-size font-family caption icon menu message-box small-caption status-bar…

iOS 图形处理 Core Graphics Quartz2D 教程

Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎.它提供了低级别.轻量级.高保真度的2D渲染.该框架可以用于基于路径的绘图.变换.颜色管理.脱屏渲染,模板.渐变.遮蔽.图像数据管理.图像的创建.遮罩以及PDF文档的创建.显示和分析. iOS支持两套图形API族:Core Graphics/QuartZ 2D 和OpenGL ES.OpenGL ES是跨平台的图形API,属于OpenGL的一个简化版本.QuartZ 2D是苹果公司开发的一套A…

iOS 2D绘图详解（Quartz 2D）之阴影和渐变(Shadow,Gradient)

前言:这个系列写道这里已经是第五篇了,本文会介绍下阴影和渐变的基础知识,以及一些基本的Demo Code展示,应该还会有两篇,介绍下Bitmap绘制以及Pattern等知识. Shadow shadow(阴影)的目的是为了使UI更具有立体感,如图 shadow主要有三个影响因素 x off-set 决定阴影沿着x的偏移量 y off-set 决定阴影沿着y的偏移量 blur value 决定了阴影的边缘区域是不是模糊的其中不同的blur效果如图注意 Shadow也是绘制状态相关的,意味着如果…

iOS 2D绘图详解（Quartz 2D）之概述

前言:最近在研究自定义控件,由于想要彻底的定制控件的视图还是要继承UIView,虽然对CALayer及其子类很熟练,但是对Quartz 2D这个强大的框架仍然概念模棱两可.于是,决定学习下,暂定7篇文章讲解,会写一些Demo. 官方文档本文的代码Demo在最后一部分 Quartz 2D用来干嘛的? Quartz 2D属于Core Graphics(所以大多数相关方法的都是以CG开头),是iOS/Mac OSX 提供的在内核之上的强大的2D绘图引擎,并且这个绘图引擎是设备无关的.也就是说,不用关…

Quartz－2D绘图之概览

最近公司新项目需求要把数据图形化,趁着这个机会,重温了下Quarts-2D这个强大的跨平台2D绘图引擎. 一.Quartz概述 1.Quartz 2D是一个二维的绘图引擎,支持iOS和Mac OS平台. 2.功能:可以用来进行基本路径的绘制.透明度.描影.绘制阴影.透明层.颜色管理.反锯齿.PDF文档生成和PDF元数据访问等二.Quartz操作 1.绘图顺序:Quartz既然是一个绘图引擎,那么画画的先后顺序是非常重要的,下图便展示了它的操作顺序,相信大家都很熟悉这幅图 2.绘制目标:Grap…

iOS基础 - Quartz 2D绘图

一.Quartz 2D Quartz 2D是一个二维图形绘制引擎,支持iOS环境和Mac OS X环境. Quartz 2D以PDF的规范为基础的图形库,用来绘制二维文字和图形,允许相同的绘图指令在任何装置上,使用可以得到的最佳分辨率,产生相同的输出 Quartz 2D API可以实现许多功能,如基于路径的绘图.透明度.阴影.颜色管理.反锯齿.PDF文档生成和PDF元数据访问等 Quartz 2D API是Core Graphics框架的一部分,因此其中的很多数据类型和方法都是以CG开头的.会经…

iOS - Quartz 2D 二维绘图

1.Quartz 2D 简介 Quartz 2D 属于 Core Graphics(所以大多数相关方法的都是以 CG 开头),是 iOS/Mac OSX 提供的在内核之上的强大的 2D 绘图引擎,并且这个绘图引擎是设备无关的.也就是说,不用关心设备的大小,设备的分辨率,只要利用 Quartz 2D,这些设备相关的会自动处理. 1.Quartz 2D 在 iOS 开发中的价值绘制一些系统 UIKit 框架中不好展示的内容,例如饼图自定义一些控件不添加 UI 控件的情况下,使 UI 内容更丰富…

关于Quartz 2D绘图的简单使用

Quartz 2D是一个二维图形绘制引擎,支持iOS环境和Mac OS X环境,Quartz 2D的API可以实现许多功能,如:基于路径的绘图.透明度.阴影.颜色管理.反锯齿.PDF文档生成和PDF元数据访问等等. Quartz 2D的API是Core Graphics框架的一部分,因此其中的很多数据类型和方法都是以CG开头的. ViewController.m 文件: - (void)viewDidLoad { [super viewDidLoad]; MyView *view = [[MyV…

Quartz 2d绘图

今天看了一下Quartz 2D绘图,我只想说:不要把绘图和动画那些东西当做一个很复杂的东西,其实只要你认真看还是可以理解的.他们并不难.啰嗦了几句,现在直接进入正题: 前提是我们必须新建一个singleviewApplication.具体新建就不多说了,然后我们自己写一个UIView的子类,然后创建子类加载到故事板中.(你也可以直接把故事板中的ViewControler的view的父类定义为你自己创建的类),然后我们的操作都是在drawRectangular:方法中实现的:(我采用的是直接修改V…

iOS 2D绘图详解（Quartz 2D）之Transform(CTM,Translate,Rotate,Scale)

前言:Quartz默认采用设备无关的user space来进行绘图,当context(画板)建立之后,默认的坐标系原点以及方向也就确认了,可以通过CTM(current transformation matrix)来修坐标系的原点.从数组图像处理的角度来说,就是对当前context state乘以一个状态矩阵.其中的矩阵运算开发者可以不了解. 以下,会一一个Demo图解,坐标系的位移,旋转,sacle 最初的状态和代码新建一个CustomView,.m文件 @implementation Cu…

iOS 2D绘图详解（Quartz 2D）之路径(stroke,fill,clip,subpath,blend)

Stroke-描边影响描边的因素线的宽度-CGContextSetLineWidth 交叉线的处理方式-CGContextSetLineJoin 线顶端的处理方式-CGContextSetLineCap 进一步限制交叉线的处理方式 -CGContextSetMiterLimit 是否要虚线-Line dash pattern 颜色控件-CGContextSetStrokeColorSpace 画笔颜色-CGContextSetStrokeColor/CGContextSetStrokeCol…

iOS 2D绘图详解（Quartz 2D）之路径(点,直线,虚线,曲线,圆弧,椭圆,矩形)

前言:一个路径可以包含由一个或者多个shape以及子路径subpath,quartz提供了很多方便的shape可以直接调用.例如:point,line,Arc(圆弧),Curves(曲线),Ellipse(椭圆),矩形(Rectangle). 对这些path可以进行stroke(描边),也可以进行fill(填充).也可以利用path对一个区域进行截取(clip). 例如,使用截取圆形区域如果对Quartz的基本概念仍然不清楚的,强烈建议看下我之前的这篇文章,不然不能理解 iOS 2D绘图详解(…

Quartz－2D绘图之路径（Paths）详解

在上篇文章中,我们简单的理解了绘图上下文,今天我们来认识一下Quartz-2D中另一个重要的概念,路径(Paths). 一.理解路径路径定义了一个或多个形状,或是子路径.一个子路径可由直线,曲线,或者同时由两者构成.它可以是开放的,也可以是闭合的.一个子路径可以是简单的形状,如线.圆.矩形.星形:也可以是复杂的形状,如山脉的轮廓或者是涂鸦.图3-1显示了一些我们可以创建的路径.左上角的直线可以是虚线:直线也可以是实线.上边中间的路径是由多条曲线组成的开放路径.右上角的同心圆填充了颜色,但没有描…

Quartz－2D绘图之图形上下文详解

上一篇文章大概描述了下Quartz里面大体所包含的东西,但是对具体的细节实现以及如何调用相应API却没有讲.这篇文章就先讲讲图形上下文(Graphics Context)的具体操作. 所谓Graphics Context,其实就是表示了一个绘制目标,也就是你打算绘制的地方,它包含绘制系统用于完成绘制指令的绘制参数和设备相关信息.Graphics Context定义了基本的绘制属性,如颜色.裁减区域.线条宽度和样式信息.字体信息.混合模式等.然而,我们怎样才能获得或者创建一个Graphics Co…

iOS基础 - Quartz 2D绘图的基本步骤

一.使用Quartz 2D绘图的基本步骤 1) 获取上下文context(绘制图形的地方) 2) 设置路径(路径是用来描述形状的) 3) 将路径添加到上下文 4) 设置上下文属性(设置颜色,线宽,线性等) 5) 绘制路径 6) 释放路径(在Quartz2D中,因为是C语言的框架,所有用Create,Copy字样方法实例化的对象,都需要自行释放) 二.Quartz2D是一套C语言的框架,C语言中使用方法 1> 在C语言中,所有的对象,都是通过对象的引用地址来使用的,因此不需要使用* 2>…

Quartz 2D编程指南(7) －阴影(Shadows)

阴影是绘制在一个图形对象下的且有一定偏移的图片,它用于模拟光源照射到图形对象上所形成的阴影效果,如果7-1所示.文本也可以有阴影.阴影可以让一幅图像看上去是立体的或者是浮动的. 阴影有三个属性: 1.x偏移值,用于指定阴影相对于图片在水平方向上的偏移值. 2.y偏移值,用于指定阴影相对于图片在竖直方向上的偏移值. 3.模糊(blur)值,用于指定图像是有一个硬边(hard edge,如图7-2左边图片所示),还是一个漫射边(diffuse edge,如图7-1右边图片所示) 本章将描述阴影是如何…

iOS：quartz2D绘图（给图形绘制阴影）

quartz2D既可以绘制原始图形,也可以给原始图形绘制阴影. 绘制阴影时,需要的一些参数:上下文.阴影偏移量.阴影模糊系数注意:在drawRect:方法中同时调用绘制同一个图形时,在对绘制的图形做绘制阴影处理前,需要先对上下文进行保存,绘制阴影成功后,还要对上下文进行复位,还原为最原始的上下文.目的是为了不影响后面的绘图操作. 举例的阴影绘制实例如下: 1.自定义一个视图类DemoView,并将控制器的视图关联该自定义类,同时在该定义类中重写- (void)drawRect:(CGRect)…

Core Graphics框架利用Quartz 2D绘图

首先,什么是Core Graphics和Quartz 2D? Core Graphics:是基于Quartz 2D绘图引擎的一个C语言的API绘图框架.它也是iOS开发中最基本的框架(Framework)之一.两点原因,第一是该框架是每一个iOS应用最初被建立时,就被系统默认添加的三个框架(Foundation.UIKit.Core Graphics)之一:另一点是,我们平时常见的各种UIKit框架提供的UI控件,实际上都是由Core Graphics进行绘制的. Quartz 2D:是一个绘图…