Xl_Lee
Xl_Lee

QuartzCore(绘图)

什么是Quartz2D

Quartz2D 是一个二维绘图引擎

  1. 绘制图形：线条、三角形、矩形、圆形、弧等
  2. 绘制文字
  3. 绘制生成图片(图像)
  4. 读取、生成PDF
  5. 截取、裁剪图片
  6. 自定义UI控件
  7. 裁剪图片
  8. 涂鸦、画板
  9. 手势解锁
  10. 报表：折线图、饼状图、柱状图(github 搜 iOS chat)

Quartz2D在iOS开发中的价值

有些UI界面及其复杂、而且比较个性化，用普通的UI控件无法实现，这时可以利用Quartz2D技术奖控件内部的结构画出来，自定义控件的样子

其实，iOS中大部分控件的内容都是通过Quartz2D画出来的
因此，Quartz2D在iOS开发中最重要的一个价值是：自定义UI控件

  • 图形上下文
  • 图形上下文( Graphics Context):是一个 CGContextref类型的数据
  • 图形上下文的作用
  1. 保存绘图信息、绘图状态
  2. 决定绘制的输出目标(绘制到什么地方去?)
    (输出目标可以是PDF文件、 Bitmap或者显示器的窗口上)

绘制好的图片 (保存)-> 图形上下文 (显示)-> 输出目标

  • 相同的一套绘图序列,指定不同的 Graphics Context,就可将相同的图像绘制到不同的目标 上

  • Quartz2D提供了以下几种类型的 Graphics Context

  1. Bitmap Graphics
  2. Context PDF Graphics Context
  3. Window Graphics Context
  4. Layer Graphics Context

自定义控件

  • 如何利用 Quartz.2D自定义view?(自定义UI控件)
  • 如何利用 Quart2D绘制东西到view上?
  1. 首先,得有图形上下文,因为它能保存绘图信息,并且决定着绘制到什么地方去
  2. 其次,那个图形上下文必须跟view相关联,オ能将内容绘制到view上面

自定义view的步骤

  1. 新建一个类,继承自 Uiview
  2. 实现-(void)drawRect:( CGRect)rect方法(实现这个方法会出现内存问题，例如画板里面，出现内存问题),(已经默认实现了图形上下文直接获取)然后在这个方法中取得跟当前view相关联的图形上下文
  3. 把上下文渲染到layer层

上下文状态栈


  CGContextSaveGState(ctx)
     1. 把当前上下文的状态保存到上下文状态栈，相当于copy一份状态，状态是设置的
属性比如颜色，宽度等。 
    
  CGContextRestoreGState(ctx)
    1. 从当前的上下文状态栈中取出栈顶的状态,覆盖掉当前的上下文状态(取出状
            态栈顶部的状态属性，覆盖当前上下文的状态)
   
  CGContextStrokePath(ctx)
    1. 取出上下文当中所有绘制的路径
    2. 把上下文当中的状态应用到所有路径当中,

UIBeziePath

@implementation XLShopBeziePath

#pragma mark - life cycle

- (instancetype)init {
    if (self = [super init]) {
//        + (instancetype)bezierPath;
        // 画矩形
//        + (instancetype)bezierPathWithRect:(CGRect)rect;
        // 画椭圆
//        + (instancetype)bezierPathWithOvalInRect:(CGRect)rect;
        // 画矩形带有圆角
//        + (instancetype)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius;
        
//        + (instancetype)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;
        // 画弧
        // center：弧所在的圆心
        // radius: 弧所在的半径
        // startAngle:弧开始的角度，0度数，在圆的最右侧，向上度数是负数，向下度数是正的
        // endAngle:弧结束的角度。到哪个位置
        // clockwise: 是否为顺时针，怎么样到这个位置
//        + (instancetype)bezierPathWithArcCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;
//        + (instancetype)bezierPathWithCGPath:(CGPathRef)CGPath;
    }
    return self;
}

@end

#import "DrawView.h"

@implementation DrawView

#pragma mark - life cycle

//作用:专门用来绘图
//什么时候调用:当View显示时调用
//参数:当前View的 bounds
- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
   // [self drawCurveLine];
   // 其内部实现了1,2,3,4 步骤
  UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:rect];
    [[UIColor redColor] set];
    [path fill];
}

#pragma mark - private methods

- (void)drawLine {
    //在此方法内部会自动创建一个跟Vie相关联的上下文
    //可以直接获取
    //无论是开启上下文,还是获取上下文,都是以UIGraphics 
    //1,获取当前跟View相关联的上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    //2.描述路径
    // 一个路径可以描述多条线
    UIBezierPath *path = [UIBezierPath bezierPath];
     
    //2.1设置起点
    //坐标原点是以当前绘制View的左上角为(0,0) 
    [path moveToPoint:CGPointMake(50, 50)];

    //2.2添加一根线到某个点，画了一条线
    [path addLineToPoint:CGPointMake(150, 150)];
    // 在当前画板新开一个起点再次画一条线
    [path moveToPoint:CGPointMake(100, 50)];
    [path addLineToPoint:CGPointMake(150, 250)];
    
    // 把上一个路径的重点，作为下一个路径的起点
    [path addLineToPoint:CGPointMake(250, 50)];
    
    
    //设置上下文的状态 
    //设置线宽度
 
    CGContextSetLineWidth(ctx, 10);
    //设置上下文的连接样式
    CGContextSetLineJoin(ctx, kCGLineJoinRound);
    //设置顶角样式
    CGContextSetLineCap(ctx, kCGLineCapRound);
    
    // 设置线条颜色
    // 方式一
    CGContextSetRGBStrokeColor(ctx, 1, 1, 0, 1);
    // 方式二
    //设置线的颜色
    //setStroke setFill
    //如果直接使用set,会自动匹配渲染的模式
    //[[UIColor redColor]  set];

    
    
     //把路径添加到上下文
    // 3,把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    //4.把上下文的当中绘制的所有路径渲染View相关联的ayer当中, 
    //渲染的方式有两种:
    //描边: stroke 
    //填充:fi11
    CGContextStrokePath(ctx);
}
- (void)drawCurveLine {
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    UIBezierPath *path = [UIBezierPath bezierPath];
    // 1. 画曲线
    [path moveToPoint:CGPointMake(50, 150)];  
     //2. 添加一根曲线到某个点,添加一个控制点
    [path addQuadCurveToPoint:CGPointMake(250, 150) controlPoint:CGPointMake(150, 50)];
     //3. 把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
     //4. 把上下文的内容渲染到View的layer;
    CGContextStrokePath(ctx);
}

@end

扇形进度条

@implementation ProgressView

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        self.backgroundColor = [UIColor darkGrayColor];        
    }
    return self;
}

- (void)setPregress:(CGFloat)pregress {
    _pregress = pregress;
    // 通知系统重新绘制调用drawRect
    [self setNeedsDisplay];
}
- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
    // 原点
    CGPoint center = CGPointMake(rect.size.width * 0.5, rect.size.height * 0.5);
    // 半径
    CGFloat radius = rect.size.width * 0.5 - 10;
    // 开始弧度
    CGFloat start = -M_PI_2;
    // 结束弧度，开始的弧度加上360弧度回到开始的位置
    CGFloat end = start + M_PI * self.pregress * 2;
    // 获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 曲线
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:start endAngle:end clockwise:YES];
    
    [bezierPath addLineToPoint:center];
    // 添加到上下文
    CGContextAddPath(ctx, bezierPath.CGPath);
    
    [[UIColor colorWithRed:1 green:0 blue:1 alpha:0.8] set];
    //绘制路径
    // 线条路径
//    CGContextStrokePath(ctx);
    // 填充路径
    CGContextFillPath(ctx);
}

- (UIColor *)randColor  {
    CGFloat r = arc4random_uniform(256);
    CGFloat g = arc4random_uniform(256);
    CGFloat b = arc4random_uniform(256);
    return [UIColor colorWithRed:r green:g blue:b alpha:1];
}
@end

CADisplayLink的使用

#import "XLShopDrawAnimationImage.h"
static CGFloat showY = 0;
@interface XLShopDrawAnimationImage ()
@property (nonatomic, strong) CADisplayLink *displayLink;
@end
@implementation XLShopDrawAnimationImage

#pragma mark - life cycle
- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
    UIImage *image = [UIImage imageNamed:@"雪花"];
    [image drawAtPoint:CGPointMake(0, showY)];
}

#pragma mark - public methos
- (void)startDisPlayLink {
    self.displayLink.paused = NO;
}
- (void)pausedDisplayLink {
    self.displayLink.paused = YES;
}
- (void)invalidateDisplayLink {
    [self.displayLink invalidate];
    self.displayLink = nil;
}
#pragma mark - private methods

- (void)update {
    showY += 50;
    if (showY > self.frame.size.height) {
        showY = 0;
    }
    [self setNeedsDisplay];

}

#pragma mark - setters and getters

- (CADisplayLink *)displayLink {
    if (_displayLink == nil) {
        //为什么会很流畅?
        
        //当每一次屏幕刷新新时调用,(屏幕每一秒刷新60次)
        //  setNeedsDisplay会调用 drawRect
        //  井不是立马调用,是当屏幕刷新时才去调用 drawRect ,它跟CADisplayLink执行方法时间是相同的
        CADisplayLink *displayLink = [CADisplayLink  displayLinkWithTarget:self selector:@selector(update)];
        _displayLink = displayLink;   
        [_displayLink addToRunLoop:[NSRunLoop currentRunLoop] forMode:( NSRunLoopCommonModes)];
    }
    return _displayLink;
}
@end

画文字

@implementation XLShopDrawText
#pragma mark - life cycle
- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
    NSString *text = @"drawText";
    
    NSDictionary *atribute = 
    @{
        // 设置字体
        NSFontAttributeName:[UIFont boldSystemFontOfSize:20],
        // 设置颜色
        NSForegroundColorAttributeName:[UIColor redColor],
        // 设置描边
        NSStrokeColorAttributeName: [UIColor blueColor],
        NSStrokeWidthAttributeName: @3,
        // 设置阴影
        NSShadowAttributeName: ({
            NSShadow *shadow = [[NSShadow alloc] init];
            shadow.shadowColor = [UIColor greenColor];
            // 设置阴影的偏移量
            shadow.shadowOffset = CGSizeMake(10, 10);
            shadow;
        })
    };
    [text drawAtPoint:CGPointZero withAttributes:atribute];
    
}

@end

图片加水印

1. 位图上下文
要手动去创違一个位图上下文 创建位图上下文时,要指定大小
指定大小,决定着生成图片的尺寸是多大

2. 从上下文当中生成一张图片
把上下文当中绘制的所有内容合成一起生成张跟上下文尺寸 大小一样的图片

3. 手动创建的上下文,一定要手动去销毁掉

@implementation UIImage (Txt)

- (UIImage *)imageName:(NSString *)name txt:(NSString *)txt {
    if (name == nil || name.length == 0) {
        return nil;
    }
    UIImage *image = [UIImage imageNamed:name];
//    1. 位图上下文
//    要手动去创違一个位图上下文 创建位图上下文时,要指定大小
//    指定大小,决定着生成图片的尺寸是多大
    UIGraphicsBeginImageContext(image.size);
//    2. 从上下文当中生成一张图片
//    把上下文当中绘制的所有内容合成一起生成张跟上下文尺寸 大小一样的图片
    [image  drawAtPoint:CGPointZero];
    [txt drawAtPoint:CGPointMake(image.size.width / 2.f, image.size.height / 2) withAttributes:@{}];
    image = UIGraphicsGetImageFromCurrentImageContext();
//    3. 手动创建的上下文,一定要手动去销毁掉
    UIGraphicsEndImageContext();
    return image;
}

@end

裁剪图片

C语言的API，rect是point，需要转换成像素
手动转换成像素 = 图片size * [UIScreen mainScreen].scale

裁剪图片的区域

CGImageCreateWithImageInRect(<#CGImageRef  _Nullable image#>, <#CGRect rect#>)

OC语言裁剪size内部会转成像素size

- (UIImage *)imageClicpedWithImageName:(NSString *)name {
    if (name == nil || name.length == 0) {
        return nil;
    }
    //1,加图片
    UIImage* image = [UIImage imageNamed:name];
    //2.开启一个位图上下文 
    UIGraphicsBeginImageContext(image.size);
    //3.设置一个圆形的裁剪区域
    UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, image.size.width, image.size.height)];

    //把路径设置为裁剪区域(超出裁剪区域以外的内容会被自动剪掉)
    [path addClip];//对后面绘制的内容有效果,已经绘制到上下文当中的内容,不会被裁剪 
    //4,把图片绘制到上下文当中
    [image drawAtPoint:CGPointZero];
    //5,从上下文当中生成一张图片
    image  = UIGraphicsGetImageFromCurrentImageContext();
    //6,关闭上下文
    UIGraphicsEndImageContext();
    return image;
}

带有边框的裁剪

边框宽度
1.先开启一个图片上下文 尺寸大小在原始图片基础上宽高都加上两倍边框宽度
2.填充一个圆形路径.这个圆形路径大小,和上下文尺寸大小一样.
3.添加一个小圆,小圆,xy从边框宽度位置开始添加,宽高和原始图片一样大小.把小圆设为裁剪区域
4.把图片给绘制上去

+ (UIImage *)imageClicpedWithImageName:(NSString *)name {
 
    return [self imageClicpedWithImageName:name borderWidth:0];
}

+ (UIImage *)imageClicpedWithImageName:(NSString *)name borderWidth:(CGFloat)borderWith {
    if (name == nil || name.length == 0) {
        return nil;
    }
    //1,加图片
    UIImage* image = [UIImage imageNamed:name];
    //2.开启一个位图上下文 
    CGSize size = CGSizeMake(image.size.width + borderWith * 2, image.size.width + borderWith * 2);
    UIGraphicsBeginImageContext(size);
    //3 尺寸大小在原始图片基础上宽高都加上两倍边框宽度
    UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, size.width, size.width)];
    [[UIColor purpleColor] set];
    [path fill];
    //4 添加一个小圆,小圆,xy从边框宽度位置开始添加,宽高和原始图片一样大小.把小圆设为裁剪区域
    UIBezierPath *imagePath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(borderWith, borderWith, size.width - 2 * borderWith, size.width - 2 * borderWith)];
    [imagePath addClip];
    //5.把图片给绘制上去
    [image drawAtPoint:CGPointMake(borderWith, borderWith)];
    //6. 关闭位图上下文
    image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
    
}

+(UIImage *)imageWithScreenCaptureView:(UIView *)view {
    if (view == nil || ![view isKindOfClass:[UIView class]]) {
        return nil;
    }
    // 生成一张图片
    // 1. 开启位图上下文
    UIGraphicsBeginImageContext(view.bounds.size);
    // 2. 获取当前的上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 3. 把控制器view的内容绘制到上下文当中，(上下文于layer之间是通过渲染方式进行交互)
    [view.layer renderInContext:ctx];
    // 4. 从上下文当中生成一张图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    
    // 5. 关闭上下文
    UIGraphicsEndImageContext();
    
    return image;
    
}


- (UIImage *)imageWithScreenCaptureView:(UIView *)view scale:(BOOL)scale isOpaque:(BOOL)opaque{
    //2.0当前加載的图片是@2X
    //3.0当前加载的图片是3X
    //当前像素坐标与点坐标的比例
    //在0C像素坐标会自动根据比例转成点坐标
    //在C语言当中是不会转换
    //[UIScreen mainScreen].scale
    
    if (view == nil || ![view isKindOfClass:[UIView class]]) {
        return nil;
    }
    // 生成一张图片
    // 1. 开启位图上下文
    // 参数： 
    //  opaque(不透明)
    //  scale == 0 (系统内部自动 * [UIScreen mainScreen].scale),生成图片的大小 = viewSize * scale。
    UIGraphicsBeginImageContextWithOptions(view.bounds.size, opaque, scale);
    // 2. 获取当前的上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 3. 把控制器view的内容绘制到上下文当中，(上下文于layer之间是通过渲染方式进行交互)
    [view.layer renderInContext:ctx];
    // 4. 从上下文当中生成一张图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
        // 5. 关闭上下文
    UIGraphicsEndImageContext();
    return image;
}

图片遮罩裁剪

@interface XLShopCoverImageView ()
@property (nonatomic, strong) UIImageView *imageView;
@property (nonatomic, strong) UIView *coverView;
@property (nonatomic, assign) CGFloat beginX;
@property (nonatomic, assign) CGFloat beginY;
@end
@implementation XLShopCoverImageView

#pragma mark - life cycle
- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        self.clipsToBounds = YES;
        [self addSubview:self.imageView];
    }
    return self;
}
- (void)layoutSubviews {
    [super layoutSubviews];
    self.imageView.frame = self.bounds;
}

#pragma mark event response

- (void)panGes:(UIPanGestureRecognizer *)panGes {
    CGPoint point  = [panGes locationInView:self.imageView];
    if (panGes.state == UIGestureRecognizerStateBegan) {
        self.beginX = point.x;
        self.beginY = point.y;
    } else if (panGes.state == UIGestureRecognizerStateChanged) {
        CGFloat coverX = self.beginX;
        CGFloat coverY = self.beginY;
        CGFloat coverViewWidth = point.x - self.beginX;
        CGFloat coverViewHeight = point.y - self.beginY;
        self.coverView.frame = CGRectMake(coverX, coverY, coverViewWidth, coverViewHeight);
    } else if (panGes.state == UIGestureRecognizerStateEnded) {
        // 1. 开启位图上下文
        UIGraphicsBeginImageContextWithOptions(self.imageView.frame.size, NO, 0);
        // 2. 设置裁剪区域
        UIRectClip(self.coverView.frame);
        // 3. 将图片渲染到上下文中
        // 3.1 获取刚才创建的上下文
        CGContextRef ctx = UIGraphicsGetCurrentContext();
        // 3.2 通过layer把imageView内容层渲染给上下文
        [self.imageView.layer renderInContext:ctx];
        // 4. 获取裁剪后的图片
        UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
        // 5. 把上下文关闭
        UIGraphicsEndImageContext();
        [self.coverView removeFromSuperview];
        
        // 把刚才裁剪的图片显示在imageView上
        self.imageView.image = image;
    }
}

#pragma mark - public methods
- (void)setImageName:(NSString *)imageName {
    _imageName = imageName;
    self.imageView.image = [UIImage imageNamed:imageName];
}

#pragma mark - getter and setters

- (UIImageView *)imageView {
    if (_imageView == nil) {
        _imageView = [[UIImageView alloc] init];
        _imageView.userInteractionEnabled = YES;
        UIPanGestureRecognizer *panGes = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGes:)];
        [_imageView addGestureRecognizer:panGes];
    }
    return _imageView;
}
- (UIView *)coverView {
    if (_coverView == nil) {
        UIView *view = [UIView new];
        view.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.5];
        [self addSubview:view];
        _coverView = view;
    }
    return _coverView;
}

@end

图片擦除

- (void)panGes:(UIPanGestureRecognizer *)panGes {
    CGPoint point = [panGes locationInView:self.imageView];
    CGFloat with = 30, height = 30;
    CGFloat x = point.x - 10, y = point.y - 10;
    UIGraphicsBeginImageContextWithOptions(self.imageView.bounds.size, YES, 0.0);
    CGContextRef ctr = UIGraphicsGetCurrentContext();
    [self.imageView.layer renderInContext:ctr];
    
    CGContextClearRect(ctr, CGRectMake(x, y, with, height));
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    self.imageView.image = image;
    UIGraphicsEndImageContext();
}

判断一个点是否在某个按钮的身上

- (UIButton *)btnRectContainsPoint:(CGPoint)point {
    for (UIButton *btn in self.subviews) {
        if (CGRectContainsPoint(btn.frame, point)) {
            return btn;
        }
    }
    return nil;
}

自定义UIBezierPath

@interface XLShopBezierPath : UIBezierPath
@property (nonatomic, strong) UIColor *lineColor;
@end
@implementation XLShopBezierPath
#pragma mark - life cycle

- (instancetype)init {
    if (self = [super init]) {
//        + (instancetype)bezierPath;
        // 画矩形
//        + (instancetype)bezierPathWithRect:(CGRect)rect;
        // 画椭圆
//        + (instancetype)bezierPathWithOvalInRect:(CGRect)rect;
        // 画矩形带有圆角
//        + (instancetype)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius;
        
//        + (instancetype)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;
        // 画弧
        // center：弧所在的圆心
        // radius: 弧所在的半径
        // startAngle:弧开始的角度，0度数，在圆的最右侧，向上度数是负数，向下度数是正的
        // endAngle:弧结束的角度。到哪个位置
        // clockwise: 是否为顺时针，怎么样到这个位置
//        + (instancetype)bezierPathWithArcCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;
//        + (instancetype)bezierPathWithCGPath:(CGPathRef)CGPath;
    }
    return self;
}
@end

自定义可旋转捏合缩放拖动的XLShopHandleImageView

.h

@class XLShopHandleImageView;
@protocol XLShopHandleImageViewDelegate 

-(void)xlShopHandleImageView:(nullable XLShopHandleImageView *)view newImage:(nullable UIImage *)image;

@end
NS_ASSUME_NONNULL_BEGIN

@interface XLShopHandleImageView : UIView
@property (nonatomic, weak) iddeletate;
@property (nonatomic, strong) UIImage *image;
@end
NS_ASSUME_NONNULL_END

.m

@interface XLShopHandleImageView ()
@property (nonatomic, weak) UIImageView *imageView;
@end
@implementation XLShopHandleImageView

#pragma mark - life cycle

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        self.backgroundColor = [UIColor clearColor];
        self.clipsToBounds = YES;
    }
    return self;
}


#pragma mark - event response

- (void)rotationGes:(UIRotationGestureRecognizer *)rorationGes {
    // 获取旋转角度(已经是弧度)
    // 相对于最原始的弧度
    CGFloat roration =  rorationGes.rotation;
    rorationGes.view.transform = CGAffineTransformRotate(rorationGes.view.transform, roration);
    // 清零操作，每次旋转都是以弧度为0的基础上进行旋转
    [rorationGes setRotation:0];
}

- (void)pinGes:(UIPinchGestureRecognizer *)pin {
    // 放大缩小
    // 获取缩放比例相对于最原始的比例
    CGFloat scale = pin.scale;
    pin.view.transform = CGAffineTransformScale(pin.view.transform, scale, scale);
    // 置1操作,每一次操作都是在sacle= 1基础下进行缩放
    [pin setScale:1];
    
}

// 获取的偏移量是相对于最原始的点
- (void)panGes:(UIPanGestureRecognizer *)pan {
    CGPoint point = [pan translationInView:pan.view];
    pan.view.transform = CGAffineTransformTranslate(pan.view.transform, point.x, point.y);
    // 清零操作，每次都是以偏移量为0的基础上进行偏移
    [pan setTranslation:CGPointMake(0, 0) inView:pan.view];
}

- (void)longGes:(UILongPressGestureRecognizer *)longGes {
    if (longGes.state == UIGestureRecognizerStateBegan) {
        // 实现闪亮效果
        [UIView animateWithDuration:0.5 animations:^{
            self.imageView.alpha = 0; 
        } completion:^(BOOL finished) {
            self.imageView.alpha = 1;

            // 生成图片
            // 1.开启位图
            UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, 0.0);
            // 2.获取上下文
            CGContextRef ctr =  UIGraphicsGetCurrentContext();
            // 3.把self.layer层渲染到上下文,如果把imageView的layer层渲染到上下文，会导致imageView的形变没有改变，是通过原点(正方向)所在的坐标系渲染到上下文中
            [self.layer renderInContext:ctr];
            // 4.获取图片
            UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
            // 5.关闭上下文
            UIGraphicsEndImageContext();
            // 6. 通知代理生成图片
            if (self.deletate && [self.deletate respondsToSelector:@selector(xlShopHandleImageView:newImage:)]) {
                [self.deletate xlShopHandleImageView:self newImage:image];
            }
            // 移除操作
            [self removeFromSuperview];
        }];
    }
}
#pragma mark - UIGestureRecognizerDelegate
// 代理实现协议方法，通知手势可以让Target支持多个手势
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
    return YES;
}


#pragma mark - getters and setters

- (UIImageView *)imageView {
    if (_imageView == nil) {
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:self.bounds];
        imageView.userInteractionEnabled = YES;
        [self addSubview:imageView];
        // 手势默认是不能同时支持多个手势的,可以指定代理，让代理实现shouldRecognizeSimultaneouslyWithGestureRecognizer 返回YES，返回多个手势
       
        UIPanGestureRecognizer *panGes = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGes:)];
        [imageView addGestureRecognizer:panGes];
        // 相对于坐标系，坐标系有大小有方向
        //        - (CGPoint)translationInView:(nullable UIView *)view;
        // 转换后清零操作
        //        - (void)setTranslation:(CGPoint)translation inView:(nullable UIView *)view
        

        // 捏合(放大缩小)
        UIPinchGestureRecognizer *pinGes = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinGes:)];
        pinGes.delegate = self;
        [imageView addGestureRecognizer:pinGes];
        
        // 旋转
        UIRotationGestureRecognizer *rotationGes = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotationGes:)];
        rotationGes.delegate = self;
        [imageView addGestureRecognizer:rotationGes];
        
        // 长按
        UILongPressGestureRecognizer *longGes = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longGes:)];
        [imageView addGestureRecognizer:longGes];
        _imageView = imageView;
        
        
    }
    return _imageView;
}
#pragma mark - getters and setters

- (void)setImage:(UIImage *)image {
    _image = image;
    self.imageView.image = image;
}
@end

画板

.h

#import 
@class XLShopBezierPath,XLShopHandleImageView;

NS_ASSUME_NONNULL_BEGIN
@interface XLShopDrawingBoardView : UIView
@property (nonatomic, strong,readwrite,nullable) UIImage *backgroundImage;
@property (nonatomic, strong,readwrite,nullable) UIColor *lineColor;
@property (nonatomic, readwrite) CGFloat lineWidth;
- (void)setCanHandleFrontImage:(UIImage *)canHandleFrontImage;
- (void)imageWithScreenCaptureViewCallback:(void(^)(UIImage* image))callback;
- (void)imageSaveToPhotosAlbumCallback:(void(^)(UIImage *image, NSError *error))saveToAlbumCallback;
- (void)clear;
- (void)back;
- (void)front;
- (void)erase;

@end

.m

#import "XLShopDrawingBoardView.h"
#import "XLShopBezierPath.h"
#import "XLShopHandleImageView.h"

@interface XLShopDrawingBoardView ()
@property (nonatomic, weak) XLShopHandleImageView *handleImageView;
@property (nonatomic, copy) void(^saveToAlbumCallback)(UIImage *image, NSError *error);
@property (nonatomic, strong) NSMutableArray *pathArray;
@property (nonatomic, strong) NSMutableArray *pathPopedArray;
@property (nonatomic, strong) UIView *contentView;
@property (nonatomic, strong) XLShopBezierPath *bezierPath;
@end
@implementation XLShopDrawingBoardView

#pragma mark - life cycle
- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        self.backgroundColor = [UIColor whiteColor];
        [self addSubview:self.contentView];
        self.lineColor = [UIColor blackColor];
        self.lineWidth = 12;
    }
    return self;
}
- (void)drawRect:(CGRect)rect {
    for (XLShopBezierPath *path in self.pathArray) {
        // 颜色必须在drawRect方法绘制
        if ([path isKindOfClass:[UIImage class]]) {
            UIImage *image = (UIImage *)path;
            [image drawInRect:rect];
        } else {
            [path.lineColor set];
            [path stroke];
        }
    }
}
- (void)layoutSubviews {
    [super layoutSubviews];
    self.contentView.frame = self.bounds;
}

#pragma mark - event response
- (void)panGes:(UIPanGestureRecognizer *)panGes {
    CGPoint point = [panGes locationInView:self.contentView];
    if (!CGRectContainsPoint(panGes.view.frame, point)) {
        return;
    }
    if (panGes.state == UIGestureRecognizerStateBegan) {
        self.bezierPath = [XLShopBezierPath bezierPath];
        self.bezierPath.lineWidth = self.lineWidth;
        self.bezierPath.lineColor = self.lineColor;
        self.bezierPath.lineJoinStyle = kCGLineJoinRound;
        self.bezierPath.lineCapStyle = kCGLineCapRound;
        [self.pathArray addObject:self.bezierPath];
        [self.bezierPath moveToPoint:point];
    } else if (panGes.state == UIGestureRecognizerStateChanged) {
        [self.bezierPath addLineToPoint:point];
        [self setNeedsDisplay];
    }
}


#pragma mark - XLShopHandleImageViewDelegate
-(void)xlShopHandleImageView:(nullable XLShopHandleImageView *)view newImage:(nullable UIImage *)image {
    self.backgroundImage = image;
}

#pragma mark - public methods

- (void)clear {
    [self.pathArray removeAllObjects];
    [self.pathPopedArray removeAllObjects];
    [self setNeedsDisplay];
}
- (void)back {
    UIBezierPath *lastBezierPath =  self.pathArray.lastObject;
    if(lastBezierPath == nil) return;
    [self.pathPopedArray addObject:lastBezierPath];
    [self.pathArray removeObject:lastBezierPath];
    [self setNeedsDisplay];
}
- (void)front {
    UIBezierPath *lastBezierPath =  self.pathPopedArray.lastObject;
    if(lastBezierPath == nil) return;
    [self.pathArray addObject:lastBezierPath];
    [self.pathPopedArray removeObject:lastBezierPath];
    [self setNeedsDisplay];
}
- (void)erase {
    self.lineColor = [UIColor whiteColor];
}

- (void)imageWithScreenCaptureViewCallback:(void(^)(UIImage* image))callback {
    if(!callback) return;
    UIImage *image = [self screenCapturView];
    callback(image);
}

- (void)imageSaveToPhotosAlbumCallback:(void(^)(UIImage *image, NSError *error))saveToAlbumCallback {
    self.saveToAlbumCallback = saveToAlbumCallback;
    UIImage *image = [self screenCapturView];
    UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);
}

#pragma mark - private methods 

- (UIImage *)screenCapturView {
    UIGraphicsBeginImageContextWithOptions(self.contentView.frame.size, NO, 0);
    CGContextRef ctr = UIGraphicsGetCurrentContext();
    [self.layer renderInContext:ctr];
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

-(void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo {
    if (!self.saveToAlbumCallback) return;
    self.saveToAlbumCallback(image, error);
}

#pragma mark - getters and setters

- (NSMutableArray *)pathArray {
    if (_pathArray == nil) {
        _pathArray = [NSMutableArray array];
    }
    return _pathArray;
}

- (NSMutableArray *)pathPopedArray {
    if (_pathPopedArray == nil) {
        _pathPopedArray = [NSMutableArray array];
    }
    return _pathPopedArray;
}

- (UIView *)contentView {
    if (_contentView == nil) {
        _contentView = [UIView new];
        _contentView.backgroundColor = [UIColor clearColor];
        UIPanGestureRecognizer *panGes = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGes:)];
        [_contentView addGestureRecognizer:panGes];
    }
    return _contentView;;
}

- (XLShopHandleImageView *)handleImageView {
    if (_handleImageView == nil) {
        XLShopHandleImageView *handleImageView = [[XLShopHandleImageView alloc] initWithFrame:self.contentView.bounds];
        handleImageView.deletate = self;
        [self.contentView addSubview:handleImageView];
        _handleImageView = handleImageView;
    }
    return _handleImageView;
}
- (void)setBackgroundImage:(UIImage *)backgroundImage {
    if (!backgroundImage || ![backgroundImage isKindOfClass:[UIImage class]]) return;
    _backgroundImage = backgroundImage;
    [self.pathArray addObject:backgroundImage];
    [self setNeedsDisplay];
}
- (void)setCanHandleFrontImage:(UIImage *)canHandleFrontImage {
    self.handleImageView.image = canHandleFrontImage;
}
@end

你可能感兴趣的:(QuartzCore(绘图))

  • jupyter notebook 绘图中文显示乱码解决办法及绘图大小 爱吹口哨的夜莺 杂七杂八BUG
    importmatplotlib.pyplotaspltplt.rcParams['font.sans-serif']=['SimHei']plt.rcParams['axes.unicode_minus']=False插入上面代码即可参考博客：https://blog.csdn.net/silence2015/article/details/79097440?绘制图形大小：plt.rcParam
  • 计算机网络的功能和特点 潜※者 计算机网络
    1、数据通信这是最基本的功能。用来传送各种类型的信息，包括文字信件、新闻消息、资讯信息、图片资料、声音、视频流等各种多媒体信息。2、资源共享资源是指网络中所有的软件、硬件和数据，共享则是指网络中的用户能够部分或者全部地享受这些资源。如南京地区的社保数据库可供全网内其它地区的社保部门使用;一些大型的计算软件可供需要的地方或者人通过共享有偿调用或办理一定手续后调用;一些外部设备〈如彩色打印机、静电绘图
  • 【基于PSINS】误差计算函数 Evand J PSINS笔记笔记
    输入真值（参考值）、对比量、待比较值，输出误差的最大值、平均值、标准差的函数程序源码function[err]=EV_error_output(out_flag,avp_flag,avp,varargin)%draw_flag：以字符串的形式输入绘图的数据，eg：["EKF"，"UKF"]%avp：基准%avp_：用于对比的加速度、速度、位置%avp_flag：选择输出的是a、v、p中的哪一个,e
  • ChatGPT GPT4科研应用、数据分析与机器学习、论文高效写作、AI绘图技术 夏日恋雨 人工智能chatgpt数据分析AI大数据机器学习python数据挖掘
    原文链接：ChatGPTGPT4科研应用、数据分析与机器学习、论文高效写作、AI绘图技术https://mp.weixin.qq.com/s?__biz=MzUzNTczMDMxMg==&mid=2247596849&idx=3&sn=111d68286f9752008bca95a5ec575bb3&chksm=fa823ad6cdf5b3c0c446eceb5cf29cccc3161d746bd
  • R语言及其开发环境简介 luohaha66 R常规r语言
    R语言及其开发环境简介R语言历史R语言来自S语言，是S语言的一个变种。S语言由贝尔实验室研究开发，著名的C语言、Unix系统也是贝尔实验室开发的。R属于GNU开源软件，最初发布于1997年，实现了与S语言基本相同的功能和统计功能。现在由R核心团队开发，全世界的用户都可以向其贡献软件包。R语言使用人员为数学研究工作者设计的一种数学编程语言，主要用于统计分析、绘图、数据挖掘。R语言特点一种解释型的面向
  • R语言简介，R语言开发环境搭建步骤，R基础语法以及注释详解 黑夜照亮前行的路 r语言
    R语言是一种用于统计计算与绘图的编程语言，由新西兰奥克兰大学的统计学家罗斯·伊哈卡和罗伯特·杰特曼于1993年发明。R语言是一种自由、免费、源代码开放的软件，属于GNU系统的一个分支，如今被广泛地应用于统计分析、数据挖掘等领域。R语言的特点包括：是一套完整的数据处理、计算和制图软件系统，具有数据存储和处理、数组运算、数学建模、统计检验以及统计制图等功能。提供了丰富的数学计算、统计计算的函数，用户可
  • Amadine mac版：矢量设计的艺术工坊，创作随心所欲！ 艾雪001 macoswindows
    Amadine矢量设计软件是一款功能强大且易于使用的创意工具，专为矢量图形设计而生。无论您是专业的设计师、插画师，还是寻找矢量图形设计解决方案的爱好者，Amadine都能满足您的需求。AmadineMac版软件获取首先，Amadine以其直观的用户界面和丰富的设计工具而脱颖而出。通过简单的拖拽和点击操作，您可以轻松创建、编辑和优化矢量图形。软件提供了多种绘图工具、形状库和效果选项，让您的设计更具创
  • 零基础十分钟一键云端部署Stable Difussion绘图 「已注销」 人工智能深度学习ai
    零基础十分钟一键云端部署StableDifussion绘图StableDiffusion是当前最火的AI绘画软件之一，和另外一款AI绘图软件Midjourney相比，StableDiffusion最大的好处是，完全免费！完全开源！这篇文章会教你从零开始搭建部署StableDifussion。一小时只需1.9块！不需要特殊网络配置，揽睿星舟云平台的StableDifussion简单介绍一下星舟，揽睿
  • 用Python实现绘画樱花树 程序员贵哥 Python编程教学Python绘画Pythonpython青少年编程后端pycharm笔记
    下面这段代码使用了Python的turtle模块来绘制一个类似于樱花的图案。具体来说，它定义了两个函数：Tree和Petal，并使用这两个函数来绘制图案。Tree函数：这个函数递归地绘制了樱花的躯干。它接受两个参数：branch（表示当前的树干或树枝的长度）和t（一个turtle对象，用于绘图）。在函数内部，首先检查branch的长度，并根据其长度决定树干的颜色、粗细和绘制方式。然后，函数向前移动
  • Matplotlib matplotlib
    Matplotlib1.什么是MatplotlibMatplotlib是一个强大的Python绘图库，主要用于数据可视化。2.Matplotlib功能图表类型丰富：支持线图、散点图、条形图、直方图、饼图、柱状图、误差线图、箱线图等多种图表类型。高度自定义：用户可以自定义图表的样式，包括颜色、线型、标记、标题、坐标轴标签等。良好的兼容性：与NumPy、Pandas等Python科学计算库兼容，方便处
  • openai DALL-E 3 从文本描述生成图像原理通俗解释 后端java
    序言在数字时代，图像生成技术正日益成为人工智能领域的热点。本讨论将重点聚焦于两个备受瞩目的模型：DALL-E和其他主流AI绘图方法。我们将探讨它们的优势、局限性以及未来的发展方向。通过比较分析，我们期望能够更全面地了解这些技术，为未来的研究和应用提供启示。Q:介绍一下dall-eOpenAI的DALL-E是一个基于深度学习的生成模型，专门用于从文本描述生成图像。它的名字灵感来源于艺术家Salvad
  • Boxy SVG for Mac(矢量图编辑器) 青色精灵
    BoxySVGforMac是一款非常好用的向量绘图工具，适用于初学者以及专业网页设计师和Web开发人员。boxysvg拥有超过100个命令的可配置键盘快捷键，能够让你快速制作出各种各样的矢量图。拥有BoxySVGforMac，让编辑矢量图不再困难！今天给大家分享的是BoxySVGforMac已经激活成功的版本，直接拖拽安装即可使用！BoxySVGforMac功能介绍1、干净，直观的UI深受Inks
  • 09基于粒子群优化BP神经网络数据回归预测算法PSO-BP【附Matlab源码】只讲代码不讲原理 机器不会学习CSJ 数据回归专栏算法神经网络回归机器学习matlab
    文章目录一、粒子群优化算法二、BP神经网络核心代码三、完整过程1、读取数据2、划分数据3、数据归一化4、计算优化节点数量5、粒子群优化参数初始化6、提取最优初始权值和阈值通过粒子群优化的最佳权重矩阵7、训练网络和预测数据结合前面BP设置网络参数代码8、绘图和计算评价指标三、实验结果四、获取完整代码和数据一、粒子群优化算法核心计算公式%%参数初始化c1=4.494;%学习因子c2=4.494;%学习
  • Matplotlib plt.plot数据可视化应用案例 数字化信息化智能化解决方案 信息可视化matplotlib
    Matplotlib是Python中一个非常流行的绘图库，它允许用户创建各种静态、动态、交互式的图表和可视化。plt.plot()是Matplotlib中用于绘制二维数据的基本函数。下面是一个使用plt.plot()的简单数据可视化应用案例：案例：绘制正弦和余弦曲线准备数据：首先，我们需要准备一些数据点来绘制正弦和余弦曲线。绘制图形：使用plt.plot()绘制正弦和余弦曲线。添加标题和标签：为了
  • CorelCAD 2020（CAD绘图工具）for Mac中文版 immingzhe
    今天分享Mac下一款CAD绘图工具CorelCAD2020，它的功能和AutoCAD类似，但是体积非常的小，功能却很强大。借助CorelCAD2020中出色的二维绘图和三维设计工具的精确度，增强您的视觉传播专业知识。这是用于绘制技术设计中所需的详细元素的智能，经济实惠的解决方案。通过对Windows和MacOS的原生.DWG文件支持和优化，您可以享受计算机辅助设计软件，在您选择的平台上提供更高的生
  • 【无标题】Matlab 之axes函数——创建笛卡尔坐标区 weixin_44202064 matlab开发语言
    **基本用法：**axes在当前图窗中创建默认的笛卡尔坐标区，并将其设置为当前坐标区。应用场景1：在图窗中放置两个Axes对象，并为每个对象添加一个绘图。要求1：指定第一个Axes对象的位置，使其左下角位于点(0.10.1)处，宽度和高度均为0.7。指定第二个Axes对象的位置，使其左下角位于点(0.650.65)处，宽度和高度均为0.28。默认情况下，所有值为基于图窗的归一化值。将这两个Axes
  • GEE数据集——美国两个主要石油和天然气（O&G）产区内与石油和天然气（O&G）相关的基础设施的位置 此星光明 数据库javascriptgee甲烷排放矢量数据集
    该数据集提供了美国两个主要石油和天然气（O&G）产区内与石油和天然气（O&G）相关的基础设施的位置：德克萨斯州西部和新墨西哥州南部二叠纪盆地的特拉华子盆地以及犹他州的乌因塔盆地。前言–人工智能教程石油和天然气基础设施绘图(OGIM)数据库是由环境保护基金(EDF)和EDF的全资子公司MethaneSATLLC共同开发的一个项目。开发诸如OGIM这样的标准化石油和天然气基础设施数据库的主要目的是支持
  • 【QT+QGIS跨平台编译】之四十二：【QWT+Qt跨平台编译】（一套代码、一套框架，跨平台编译） 翰墨之道 Qt+QGIS跨平台编译QWT跨平台编译QWT编译QWT+qtQWTQGIS跨平台编译QGIS编译
    文章目录一、QWT介绍二、QWT下载三、文件分析四、pro文件五、编译实践5.1Windows下编译4.2Linux下编译5.3MacOS下编译一、QWT介绍QWT是一个基于Qt框架的开源C++库，用于创建交互式的图形用户界面。它提供了丰富的绘图和交互功能，可以用于快速开发图形化应用程序。QWT包含许多常用的图表、控件和工具，如曲线图、饼图、仪表盘等。这些控件可以通过简单的API接口进行配置和使用
  • 开源 AI 聊天、绘图软件 AIdea 1.0.13 新增微信登录、自定义数字人、多款新模型
    记得上次发布AIdea更新文档还是1.0.10版本，临近春节，中间偷懒了一段时间，隔了好几个版本，今天最新版本的1.0.13终于发布啦，感兴趣的小伙伴快来体验一下！如果你还不知道这款APP，那么可以简单看看这篇文章花了小半年开发了一个AI套壳APP，然而大势已过，直接开源了。下载体验地址：https://aidea.aicode.cc。本次更新内容如下增加微信登录，绑定微信账号支持，解决登录时，A
  • Opencv中的RNG-随机绘图 忙什么果 opencvC&C++opencv人工智能计算机视觉
    在OpenCV中，RNG是一个随机数生成器类，用于生成各种类型的随机数，包括均匀分布或高斯分布的整数和浮点数。RNG类的实例化时可以接受一个无符号整数作为种子值，这个种子值决定了随机数生成序列的起点，相同的种子值将产生相同的随机数序列。这在需要可重复的实验或测试时非常有用。RNGrng(100);这行代码创建了一个RNG对象rng，并以100作为种子值。有了这个对象，你就可以使用它来生成随机数了。
  • Windows下运行XServer，XServer和XClient ac.char LinuxWindowslinuxwindows
    一XServer和XClientXwindows，笼统的称为X，是一种位图显示的视窗系统，是建立图形用户界面的标准工具包和协议。X是协议，不是具体的应用程序。X为GUI环境提供了基本的框架：在屏幕上绘图、移动视窗以及与鼠标键盘的互动。现在多用x11版本，X11R6全称为Xprotocolversion11release6。X11使用户可以运行基于X11的应用程序。X是通过server/client
  • 为什么说电脑是设计师 简什么
    随着电子计算机功能的不断提高，许多大工厂开始使用计算机进行图纸设计。这就结束了传统设计人员趴在桌子上人工绘图的历史，用电脑代替人手，设计起来事半功倍。为什么电子计算机设计优于人工设计呢？设计离不开计算，由于计算繁琐使设计时间拖得很长，且人工计算有时得不到精确数据，工程质量难以保障。而使用电子计算机进行设计，可以提高计算速度和精确度，能对一种产品的多种方案进行分析比较，选择出最优方案，使设计质量有很
  • 【翻译】GPT-3架构，简述于“餐巾纸”上 liyane AI人工智能gpt-3
    这是一篇技术派文章，尤其是其中的绘制于“餐巾纸”上的手绘图，从数学角度对于大语言模型的架构给你一些新的启发。原文链接：https://dugas.ch/artificial_curiosity/GPT_architecture.html作者：DanielDugas翻译/编辑：liyane使用LLMChatAPI翻译；为了方便对照，把英文原文也对应在每段中文翻译之下。现在马上跟随作者开始一次开心的旅
  • 安卓自定义画板 来之梦 android
    包含功能：包含获取当前画板的截图、设置画笔样式、获取画笔样式、设置画笔宽度、获取画笔宽度、设置画笔颜色、获取画笔颜色、加载图片、获取图片位图对象、设置图片位图对象，并在画布上绘制图片、撤销上一步操作、重做上一步撤销的操作、清空所有绘图路径，重新绘制位图自定义视图组件packagecom.zx.drawing_board;importandroid.content.Context;importand
  • 【机器学习笔记】 15 机器学习项目流程 RIKI_1 机器学习机器学习笔记人工智能
    机器学习的一般步骤数据清洗数据清洗是指发现并纠正数据文件中可识别的错误的最后一道程序，包括检查数据一致性，处理无效值和缺失值等。与问卷审核不同，录入后的数据清理一般是由计算机而不是人工完成。探索性数据分析(EDA探索性数据分析（EDA）是一个开放式流程，我们制作绘图并计算统计数据，以便探索我们的数据。目的是找到异常，模式，趋势或关系。这些可能是有趣的（例如，找到两个变量之间的相关性），或者它们可用
  • 机器学习实战1-基础运用（2022/10/11） 点灯的棉羊 机器学习Jupyter笔记机器学习pythonnumpy
    机器学习实战1-基础运用文章目录机器学习实战1-基础运用numpy的简单运用生成矩阵和矩阵的简单操作用pandas库读取、保存csv数据文件read_csv()函数及读入的数据处理to_csv()保存数据matplotlib.pyplot库绘图的使用条形图的绘制箱型图的绘制分位数（Quantile）分位点/四分位数分位数与箱型图`boxplot()`函数绘制交叉报表热力图plt绘图基础import
  • python从小白到大师-第一章Python应用（三）应用领域与常见包-数据可视化 安城安 基本语言教程python开发语言服务器运维ubuntu信息可视化
    目录一.数据可视化1.1matplotlib1.2Seaborn1.3plotly1.4Pyecharts1.5Turtles二.总结一.数据可视化1.1matplotlibMatplotlib是一个用于绘制数据可视化图表的Python库。它提供了一种类似于Matlab的绘图接口，并且可以与NumPy等其他常用的科学计算库配合使用。Matplotlib能够创建各种类型的图形，包括折线图、散点图、柱
  • CAD如何转换？一招教你在线免费将CAD转成多种格式 Hiten2018
    众所周知，AutoCAD是一款强大的绘图功能软件，具有其他办公软件不具有的甚至无可比拟的功能特性，然而这种格式是CAD特有的，所以其他软件无法正常打开，那么如何将CAD转换成我们常用的文档格式呢？目前市面上能搜索到的CAD转换软件并不多，大部分都是标题党，点进去之后下载安装却发现并没有CAD转换功能，所以为了解决大家这种担心安装乱七八糟软件的顾虑，我们可以选择在线转换的工具，既不用花时间安装，也不
  • python turtle 长方形_小白学Python（20）—— Turtle 海龟绘图 weixin_39918128 pythonturtle长方形
    Turtle库是Python语言中一个很流行的绘制图像的函数库，想象一个小乌龟，在一个横轴为x、纵轴为y的坐标系原点，(0,0)位置开始，它根据一组函数指令的控制，在这个平面坐标系中移动，从而在它爬行的路径上绘制了图形。在1966年，SeymourPapert和WallyFeurzig发明了一种专门给儿童学习编程的语言——LOGO语言，它的特色就是通过编程指挥一个小海龟（turtle）在屏幕上绘图
  • Python如何运用matplotlib库绘制3D图形 hakesashou python基础知识pythonmatplotlib3d
    3D图形在数据分析、数据建模、图形和图像处理等领域中都有着广泛的应用，下面将给大家介绍一下如何在Python中使用matplotlib进行3D图形的绘制，包括3D散点、3D表面、3D轮廓、3D直线（曲线）以及3D文字等的绘制。准备工作：python中绘制3D图形，依旧使用常用的绘图模块matplotlib，但需要安装mpl_toolkits工具包，安装方法如下：windows命令行进入到pytho
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他