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(绘图))

  • Python开发常用的三方模块如下： 换个网名有点难 python开发语言
    Python是一门功能强大的编程语言，拥有丰富的第三方库，这些库为开发者提供了极大的便利。以下是100个常用的Python库，涵盖了多个领域：1、NumPy，用于科学计算的基础库。2、Pandas，提供数据结构和数据分析工具。3、Matplotlib，一个绘图库。4、Scikit-learn，机器学习库。5、SciPy，用于数学、科学和工程的库。6、TensorFlow，由Google开发的开源机
  • JavaScript中秋快乐！ Q_w7742 javascript开发语言ecmascript
    我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
  • MATLAB语言基础教程、 小项目1：简单的计算器、 小项目2：有页面的计算器、使用App Designer创建GUI计算器 azuredragonz 学习教程matlab开发语言
    MATLABMATLAB语言基础教程1.MATLAB简介2.基本语法变量与赋值向量与矩阵矩阵运算数学函数控制流3.函数4.绘图案例：简单方程求解小项目1：简单的科学计算器功能代码项目说明小项目2：有页面的计算器使用AppDesigner创建GUI计算器主要步骤：完整代码（使用MATLAB编写）说明：如何运行：小项目总结MATLAB语言基础教程1.MATLAB简介MATLAB（矩阵实验室）是一种用于
  • Day25_0.1基础学习MATLAB学习小技巧总结（25）——四维图形的可视化 非常规定义M 0.1基础学习MATLAB学习matlab开发语言SIMULINK数学建模
    利用空闲时间把碎片化的MATLAB知识重新系统的学习一遍，为了在这个过程中加深印象，也为了能够有所足迹，我会把自己的学习总结发在专栏中，以便学习交流。参考书目：1、《MATLAB基础教程(第三版)(薛山)》2、《MATLABR2020a完全自学一本通》之前的章节都是基础的数据运算用法，对于功课来说更加重要的内容是建模、绘图、观察数据趋势，接下来我会结合自己的使用经验，来为大家分享绘图、建模使用的小
  • WPF绘图(基础图形：直线、矩形和椭圆) 未来无限 C#WPF程序设计wpf绘图直线矩形椭圆
    目录一、概述二、基本图形绘制2.1直线2.2矩形2.3椭圆一、概述与传统的.NET开发使用GDI+进行绘图不同，WPF拥有自己的一套图形API，绘图为矢量图。绘图可以在任何一种布局控件中完成，wpf会根据容器计算相应坐标。最常用的是Canvas和Grid。基本图形包括以下几个，都是Shaper类的派生类。1、Line，直线段，可以设置Stroke2、Rectangle，有Stroke也有Fill3
  • 不会PS，教你设计出高大上的平面设计图！ mindmap
    平面设计是一项有挑战的技术，之前只能用PS软件来做，会有一定的准入门槛。但随着各种软件的冒出，现在做平面设计不像之前那么苦难。这里推荐们推荐一款超简单的零门槛在线平面设计工具，帮助你轻松完成平面设计！菲果设计，一款全新发布的在线平面设计工具。拥有它之后，没有任何绘图基础的小白只需5分钟时间，即可打造出一幅专业的平面作品。现在，揭开面纱，细数菲果设计工具的六大特点，我们一起来了解下吧！一、6大场景，
  • OPAMC架构介绍 OnRoadZy 架构开发语言racketlispECS
    1OPAMC的概念OPAMC架构来源于ECS架构的思想，用于实现面向对象绘图，采用Racket语言（Lisp语言的一个方言）实现。ECS架构（全称Entity-Component-System，即实体-组件-系统）是一种软件架构模式，主要用于游戏开发。ECS遵循组合优于继承的原则，游戏内的每一个基本单元都是一个实体，每个实体又由一个或多个组件构成，每个组件仅仅包含代表其特性的数据（即在组件中没有任
  • 扬长避短，重拾微课录制 王焱_铁文
    几年前刚开始有微课时我给别人做了不少，有一些还获得了省市级的奖励。但为自己做的却很少，仅有的几次也是为了就付检查，或是有人听课。后来微课逐渐淡出了“竞赛”的要求，做得也就少了，这次新网师“极简移动微课”的作业是录制1分钟以内的微课……我做的是小学绘图软件中“曲线工具的使用”一课的微课，做完了感觉挺好，忽然有个念头把信息课的操作都制成视频放网上供学生学习不是更好，尤其是现在疫情促成了线上教学，对丰富
  • 学习小组Day4笔记--王英芳 一万万万万
    R语言基础准备工作电脑用户名需要是英文R基础，Rstudio人性化界面资源Rfordatasciencechapter1下载RandRstudio给自己一个全新的R语言环境R是什么一种变成语言，统计计算和绘图的环境，汇集了许多函数，强大分析功能。图形界面Rstudio开源集成开发环境IDE4个板块，脚本编辑器，控制台（脚本运行，结果显示），environment（对象/变量列表）history，文
  • 每天学会一小点 百草丰茂
    上面的三幅图，是我跟着老师学习用PPT简单快速地绘制的星星图。你能看出它们有什么区别？觉得他们有什么不同吗？你又最喜欢哪幅呢？很明显的，后面两幅的星星要好看一些。应该如何绘制呢？我现在就来告诉你。第一幅图的小星星是用Ctrl键拖动复制出来的，虽然速度很快，但没有变化，看起来不自然、不灵动。后面两幅图的星星直接在“形状”选择区里选中星星图，点击鼠标右键，选择“锁定绘图模式”，按住鼠标拖动，就能绘制出
  • 2.1、matlab绘图汇总(图例、标题、坐标轴、线条格式、颜色和散点格式设置) 逼子歌 matlab开发语言算法
    1、前言在MATLAB中进行绘图是一种非常常见且实用的操作，可以用来可视化数据、结果展示、分析趋势等。通过MATLAB的绘图功能，用户可以创建各种类型的图形，包括线图、散点图、柱状图、曲线图等，以及三维图形、动画等复杂的可视化效果。在绘图之前，通常需要先准备好要展示的数据，并对数据进行必要的处理和分析。在开始绘图之前，建议考虑以下几点：数据准备：确保数据已经被正确导入到MATLAB中，并进行了初步
  • matplotlib绘图时，不出图。无明显报错 xbqztdjz matplotlib
    可能是matplotlib和numpy冲突，造成这种问题。1.卸载两个库pipuninstallmatplotlibpipuninstallnumpy2.查看anaconda环境中这两个库是否删干净了piplist若出现warning：对warning的理解是之前用命令卸载了两个包，但是这两个包没有卸载干净，在piplist列表中又出现了，这两个操作产生了冲突，就报了warning。解决办法：，进
  • python matplotlib三维绘图不显示图像以及标题不显示 m0_55287294 python开发语言matplotlib
    师姐的环境版本比较旧，在我的电脑上运行程序时三维图像如下所示：尝试：（这部分尝试以后出错可以直接跳过）参考python3.10Axes3D绘制3d图不出图解决办法_python绘制3d图不显示-CSDN博客在ax=Axes3D(fig)后面加上fig.add_axes(ax)。即原本为：ax=Axes3D(fig)改为：ax=Axes3D(fig)fig.add_axes(ax)但是修改后虽然能显
  • 鸿蒙轻内核A核源码分析系列一 数据结构-双向循环链表 OpenHarmony_小贾 OpenHarmony鸿蒙开发HarmonyOS数据结构harmonyos链表OpenHarmony移动开发鸿蒙内核鸿蒙开发
    在学习OpenHarmony鸿蒙轻内核源代码的时候，常常会遇到一些数据结构的使用。如果没有掌握它们的用法，会导致阅读源代码时很费解、很吃力。本文会给读者介绍源码中重要的数据结构，双向循环链表DoublyLinkedList。在讲解时，会结合数据结构相关绘图，培养读者们的数据结构的平面想象能力，帮助更好的学习和理解这些数据结构的用法。本文中所涉及的源码，以OpenHarmonyLiteOS-A内核为
  • r语言做绘制精美pcoa图_R语言高级绘图 — ggplot2 weixin_39560002 r语言做绘制精美pcoa图
    2)PCA的作图PCA主成分分析，可以将高维数据进行降维处理。我们的OTU表格就是典型的高维数据，可以对其进行降维处理得到主成分PC1和PC2，然后将所有样品都分解到这两个成分方向，进行散点绘图，可以直观的看出样品间的差异。首先需要一系列的统计处理，然后用ggplot2进行绘图，过程如下：#加载需要的三个包(需要先下载，再加载)>library(ade4)>library(ggplot2)>lib
  • python常用库学习-Matplotlib使用 问道飞鱼 Python相关内容python学习matplotlib
    文章目录安装Matplotlib导入库基本示例1.绘制简单的线图2.散点图3.柱状图4.直方图5.子图更多高级功能1.自定义样式2.文本和注释3.保存图形示例：使用Matplotlib绘制多个图表示例1:绘制多个线图示例2:绘制散点图和直方图参考文献Matplotlib是Python中一个非常流行的绘图库，它提供了大量的图形绘制功能，可以创建各种静态、动态和交互式的图表。下面是一些使用Matplo
  • Python语言程序设计入门-0.2 孟德尔的小豌豆007
    0.2.1课程内容概述课程内容设计-符合认知规律、快速入门、全体系内容-三部分：第一部分：快速入门（2）2个实例，基本语法元素第二部分：基础语法（5）五个方面基础语法全体系，10个实例第三部分：编程思维（2）方法学0.2.2渐进式体验1.快速入门week1.观察一段代码，学会编写和运行-感受风格-了解逻辑-理解每个词week2.python基本图形绘制，学会绘图进一步观察一段代码-感受风格-了解逻
  • 科研绘图系列：R语言扩展物种堆积图（Extended Stacked Barplot） 生信学习者1 SCI科研绘图系列r语言数据可视化数据分析
    介绍R语言的扩展物种堆积图是一种数据可视化工具，它不仅展示了物种的堆积结果，还整合了不同样本分组之间的差异性分析结果。这种图形表示方法能够直观地比较不同物种在各个分组中的显著性差异，为研究者提供了一种有效的数据解读方式。加载R包knitr::opts_chunk$set(warning=F,message=F)library(tidyverse)library(phyloseq)library(g
  • 科研绘图系列：R语言柱状图分布（histogram plot） 生信学习者1 SCI科研绘图系列r语言数据可视化
    文章目录介绍加载R包读取数据画图介绍柱状图（BarChart）是一种常用的数据可视化图表，用于展示和比较不同类别或组的数据。它通过在二维平面上绘制一系列垂直或水平的柱子来表示数据的大小，每个柱子的长度或高度代表一个数据点的数值。柱状图非常适合于展示分类数据的分布和比较。柱状图的特点：直观比较：柱状图可以直观地展示不同类别之间的数值比较，易于理解。分类展示：数据按照类别或组别进行分组展示，每个类别用
  • 科研绘图系列：R语言富集散点图（enrichment scatter plot） 生信学习者1 SCI科研绘图系列r语言数据可视化
    介绍富集通路散点图（EnrichmentPathwayScatterPlot）是一种数据可视化工具，用于展示基因集富集分析（GeneSetEnrichmentAnalysis,GSEA）的结果。横坐标是对应基因名称，纵坐标是通路名称，图中的点表示该基因在某个通路下的qvalue，可以简单理解为不同环境下的贡献大小。加载R包导入所需要的R包，在导入前需要用户自己安装。library(readxl)l
  • C语言-------实现贪吃蛇小游戏 夜晚中的人海 c语言数据结构
    目录一、预备知识1.1Win32API介绍Windows这个多作业系统除了协调应用程序的执行、分配内存、管理资源之外，它同时也是一个很大的服务中心，调用这个服务中心的各种服务（每一种服务就是一个函数），可以帮应用程序达到开启视窗、描绘图形、使用周边设备等目的，由于这些函数服务的对象是应用程序(Application)，所以便称之为ApplicationProgrammingInterface，简称
  • Python中的matplotlib库安装教程：多种方法详解 代码前哨站 pythonmatplotlib开发语言
    在数据可视化的世界里，matplotlib是一个非常重要的工具库。它提供了一整套绘图功能，帮助我们将数据可视化为图表。无论你是数据科学家、工程师，还是只是在数据处理领域有所涉猎，掌握matplotlib的安装方法都能让你的工作更加高效。本文将详细介绍几种在Python中安装matplotlib的方法。方法一：使用pip安装pip是Python包管理工具，使用它安装matplotlib非常简单。以下
  • 【前端面试】标记、绘画视频的某一帧 贾明恣 前端音视频
    搜寻三方库在前端开发中，Canvas是一个强大的工具，可以用来创建图形、动画和各种视觉效果。为了简化和增强Canvas的使用，社区中出现了许多库。以下是一些主流的Canvas库及其特性和性能对比：Fabric.js：概述：Fabric.js是一个基于对象的Canvas库，提供了丰富的API来操作和管理Canvas元素。它特别适合处理交互式和可编辑的图形应用，如在线图像编辑器、绘图工具等。优点：面向
  • 探索 Fabric.js：前端开发的轻量级图形编辑框架 滑辰煦Marc
    探索Fabric.js：前端开发的轻量级图形编辑框架是一个强大的、基于WebGL和SVG的JavaScript图形库，专为构建交互式图形界面而设计。它提供了一种简单的方式来在网页上创建和操纵矢量对象，包括文本、形状、图像等，并且具有丰富的可定制性和性能优化。项目简介Fabric.js提供了一个统一的对象模型，使得处理HTML5canvas上的元素变得异常简单。无论是创建复杂的绘图应用，还是实现动态
  • GraphPad Prism 10 for Mac/Win：高效统计分析与精美绘图的科学利器 平安喜乐616 GraphPadPrism统计分析和绘图
    GraphPadPrism10是一款专为科研工作者设计的强大统计分析与绘图软件，无论是Mac还是Windows用户，都能享受到其带来的便捷与高效。该软件广泛应用于生物医学研究、实验设计和数据分析领域，以其直观的操作界面、丰富的统计方法和多样化的图表样式，成为科学研究的得力助手。数据处理与整理GraphPadPrism10支持从多种数据源导入数据，如Excel、CSV文件及数据库等，提供了直观易用的
  • python tkinter画布create window_Python+Tkinter窗口绘图,PythonTkinterwindow 医学生彼得 pythontkinter画布createwindow
    给一段框出桌面上任意图标的代码练习——实际上是结合win32的python开源库uiautomation获取桌面上任意图标/窗口的坐标后，利用tkinter在图标上建立一个半透明带边框的窗口。fromtkinterimportTk,Canvasimportuiautomationasuiadefdraw_rectangle(event):control=uia.GetRootControl()#获
  • Python——turtle库（海龟绘图）介绍与使用 Smile丶Life丶 Pythonpython开发语言青少年编程
    一、概述在Python中，海龟绘图提供了一个实体“海龟”形象（带有画笔的小机器动物），假定它在地板上平铺的纸张上画线。二、运行环境本文运行环境：Windows11，Python3.11，Pycharm2023.1.4使用之前，需要先导入turtle模块的所有对象:fromturtleimport*或importturtleast建议使用第二种，如果你遇到了Nomodulenamed'_tkinte
  • springcloud中间件 斯巴达的男人
    概述毫无疑问，SpringCloud是目前微服务架构领域的翘楚，无数的书籍博客都在讲解这个技术。不过大多数讲解还停留在对SpringCloud功能使用的层面，其底层的很多原理，很多人可能并不知晓。因此本文将通过大量的手绘图，给大家谈谈SpringCloud微服务架构的底层原理。实际上，SpringCloud是一个全家桶式的技术栈，包含了很多组件。本文先从其最核心的几个组件入手，来剖析一下其底层的工
  • 享元模式（Flyweight Pattern） 榴月~ Java享元模式java算法
    享元模式（FlyweightPattern）是一种结构型设计模式，它通过共享大量细粒度对象来减少内存消耗。享元模式的核心思想是将多个相似的对象共享起来，从而避免对象的大量创建，节省内存资源。场景说明假设你正在开发一个绘图应用程序，用户可以在画布上绘制许多形状。每个形状都有相同的颜色和大小属性，但它们的位置不同。使用享元模式可以将相同属性的形状对象共享，从而减少内存消耗。享元模式结构Flyweigh
  • OpenCV绘图函数（15）图像上绘制矩形函数 rectangle()的使用 jndingxin OpenCVopencv人工智能计算机视觉
    操作系统：ubuntu22.04OpenCV版本：OpenCV4.9IDE:VisualStudioCode编程语言：C++11算法描述绘制一个简单的、粗的或填充的直立矩形。这个函数cv::rectangle绘制一个矩形轮廓或一个填充的矩形，其两个相对的顶点分别是pt1和pt2。函数原型1voidcv::rectangle(InputOutputArrayimg,Rectrec,constScal
  • 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其他