iOS:quartz2D绘图(显示绘制在PDF上的图片)

简介:
quart2D既可以用来绘制图像到pdf上,也可以从pdf上读取图像并显示出来。在使用这种方式之前,还有一种方式可以用来读取显示pdf上的图像,即使用UIWebView网页视图控件- (void)loadRequest:(NSURLRequest *)request方法加载绘制到视图上显示,这里我将会将这两种方式都演示一遍。

 

具体的实例如下:

方式一:采用网页视图控件UIWebView的方式显示在pdf上的绘图

1、在故事板视图中拖入两个子控件,分别是网页视图控件webView和显示按钮

 

2、将网页视图控件webView IBOutLet关联到控制器类中,为显示按钮添加显示事件IBAction



 



 

3、写按钮事件代码显示pdf上绘制的图片

#param mark -使用网页视图控件显示PDF内容

复制代码
- (IBAction)showPDF:(UIButton *)sender
{
    //设置pdf文件的路径
    NSArray *documents = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
    
    //文档目录
    NSString *document = [documents lastObject];
    //NSLog(@"%@",document);
    
    //拼接pdf路径
    NSString *PDFpath = [document stringByAppendingPathComponent:@"img.pdf"];
    
    //创建URL
    NSURL *url = [NSURL URLWithString:PDFpath];
    
    //创建request
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    
    //在网页中显示
    [self.webView loadRequest:request];
}
复制代码
点击按钮后,显示的pdf上的绘图截图为:



 

 

 

方式二:采用quartz2D的方式用其封装好的函数显示在pdf上的绘图

1.在故事板视图中拖入两个按钮控件,分别命名为上一页和下一页,用来翻看前面和后面的绘图。



2、自定义一个视图类PDFView,并将控制器视图关联此类,同时将之前创建保存在沙盒目录下的pdf文件imageBook.pdf拖入文件

  

3、在自定义的PDFView类中为两个按钮添加事件IBAction





4、再就是具体的代码了,如下:

在PDFView类中:

//PDFView.h文件中声明打开pdf文件方法和绘制图片显示方法

复制代码
@interface PDFView : UIView
//打开pdf文件
-(void)openPDF:(NSURL *)url;
//绘制图片显示在视图上
-(void)drawPDFWithPage:(size_t)page andContext:(CGContextRef) context;
@end
复制代码
//PDFView.m文件中说明pdf一些属性

复制代码
@implementation PDFView
{
    //pdf文档
    CGPDFDocumentRef _pdfDoc;
    //当前页
    size_t _currentPageNum;
    //总页数
    size_t _totalPageNums;
}
复制代码
//打开PDF文件

复制代码
-(void)openPDF:(NSURL *)url
{
    //创建pdfDoc
    _pdfDoc = CGPDFDocumentCreateWithURL((__bridge CFURLRef)url);
    
    //总页数
    _totalPageNums = CGPDFDocumentGetNumberOfPages(_pdfDoc);
    
    //第一页
    _currentPageNum = 1;
}
复制代码
//上一页

复制代码
- (IBAction)pagePrev:(UIButton *)sender
{
    if (_currentPageNum >1)
    {
        _currentPageNum--;
        [self setNeedsDisplay];
    }
}
复制代码
//下一页

复制代码
- (IBAction)pageNext:(UIButton *)sender
{
    if (_currentPageNum < _totalPageNums)
    {
        _currentPageNum++;
        [self setNeedsDisplay];
    }
}
复制代码
//显示PDF

复制代码
-(void)drawPDFWithPage:(size_t)page andContext:(CGContextRef) context
{
    //获取页
    CGPDFPageRef pdfPage = CGPDFDocumentGetPage(_pdfDoc, page);
    
    //画pdf页面
    CGContextDrawPDFPage(context, pdfPage);
}
复制代码
//重写drawRect:(CGRect rect)方法绘制从pdf文件获取的图像(由于quartzD坐标系是反的,所以需要旋转坐标系)

复制代码
- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    //旋转坐标系
    CGContextTranslateCTM(context, 80, self.frame.size.height-60);
    CGContextScaleCTM(context, 1, -1);
    
    [self drawPDFWithPage:_currentPageNum andContext:context];
}
复制代码
 

 

在控制器ViewController类中:

//调用执行

复制代码
- (void)viewDidLoad {
    [super viewDidLoad];
   
    //加载pdf文件
    NSString *pdfFileName = [[NSBundle mainBundle]pathForResource:@"imageBook" ofType:@"pdf"];
    
    NSURL *url = [NSURL fileURLWithPath:pdfFileName];
    
    PDFView *pdfView = (PDFView*)self.view;
    
    [pdfView openPDF:url];
}
复制代码
 

演示结果如下:
  

 

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!


本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/4869576.html,如需转载请自行联系原作者
相关文章
|
7天前
|
文字识别 BI
【图片型PDF】批量识别扫描件PDF指定区域局部位置内容,将识别内容导出Excel表格或批量改名文件,基于阿里云OCR对图片型PDF识别改名案例实现
在医疗和政务等领域,图片型PDF文件(如病历、报告、公文扫描件)的处理需求广泛。通过OCR技术识别这些文件中的文字信息,提取关键内容并保存为表格,极大提高了信息管理和利用效率。本文介绍一款工具——咕嘎批量OCR系统,帮助用户快速处理图片型PDF文件,支持区域识别、内容提取、导出表格及批量改名等功能。下载工具后,按步骤选择处理模式、进行区域采样、批量处理文件,几分钟内即可高效完成数百个文件的处理。
49 8
|
28天前
|
机器学习/深度学习 人工智能 文字识别
Zerox:AI驱动的万能OCR工具,精准识别复杂布局并输出Markdown格式,支持PDF、DOCX、图片等多种文件格式
Zerox 是一款开源的本地化高精度OCR工具,基于GPT-4o-mini模型,支持PDF、DOCX、图片等多种格式文件,能够零样本识别复杂布局文档,输出Markdown格式结果。
113 4
Zerox:AI驱动的万能OCR工具,精准识别复杂布局并输出Markdown格式,支持PDF、DOCX、图片等多种文件格式
|
2月前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
75 16
|
2月前
|
编解码 人工智能 文字识别
用PDF转换图片的方式弥补通义千问在扫描版PDF支持方面的缺失
当前通义千问Web版和本地版qwen-VL在处理扫描版PDF时均无法直接识别,导致实际应用中处理大量扫描PDF的需求难以满足。为此,通过使用Python的pdf2image库,可将PDF文件转换为图片,再进行OCR处理,实现解决方案。文中提供了具体的代码示例,展示了如何将PDF文件的每一页转换成图片,并保存至指定文件夹,为后续的OCR处理做好准备。
|
5月前
|
Python
Python办公自动化:提取pdf文件中的图片
Python办公自动化:提取pdf文件中的图片
70 0
|
6月前
|
数据安全/隐私保护 Python Windows
三种方法,Python轻松提取PDF中全部图片
三种方法,Python轻松提取PDF中全部图片
202 3
|
6月前
|
XML 缓存 JSON
为什么浏览器中有些图片、PDF等文件点击后有些是预览,有些是下载
为什么浏览器中有些图片、PDF等文件点击后有些是预览,有些是下载
343 0
|
6月前
|
Java
JAVA PDF 截取N页,生成新文件,转图片,多个PDF 合并
JAVA PDF 截取N页,生成新文件,转图片,多个PDF 合并
106 0
|
6月前
|
Python
Python——批量将PDF文件转为图片
Python——批量将PDF文件转为图片
59 2
|
6月前
|
Python
[python]将多张图片合并为单个pdf文件
[python]将多张图片合并为单个pdf文件

热门文章

最新文章

  • 1
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 3
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
  • 4
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 5
    OCRmyPDF:16.5K Star!快速将 PDF 文件转换为可搜索、可复制的文档的命令行工具
  • 6
    Zerox:AI驱动的万能OCR工具,精准识别复杂布局并输出Markdown格式,支持PDF、DOCX、图片等多种文件格式
  • 7
    猫步简历 - 开源免费AI简历生成器 | 一键导出PDF/JSON
  • 8
    PDF to Podcast:英伟达开源黑科技!PDF 秒转播客/有声书,告别阅读疲劳轻松学习!
  • 9
    【图片型PDF】批量识别扫描件PDF指定区域局部位置内容,将识别内容导出Excel表格或批量改名文件,基于阿里云OCR对图片型PDF识别改名案例实现
  • 10
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了