Quartz 2D繪圖（1）初識(shí)

Quartz 2D介紹

什么是Quartz2D ？
- Quartz 2D是?個(gè)二維繪圖引擎,同時(shí)支持iOS和Mac系統(tǒng)眨猎。

Quartz 2D能完成的工作希太？
- 繪制圖形 : 線條\三角形\矩形\圓\弧形
- 繪制文字
- 繪制\生成圖片(圖像)
- 讀取\生成PDF
- 截圖\裁剪圖片
- 自定義UI控件

其他需要了解的內(nèi)容占贫？
- Quartz 2D是純C語(yǔ)言的
- Quartz 2D的API來(lái)自于CoreGraphics框架
- 數(shù)據(jù)類(lèi)型和函數(shù)基本都是CG作為前綴
  - CGContextRef
  - CGPathRef
  - CGContextStrokePath（ctx）

使用Quartz2D繪圖的基本步驟：
- 自定義view
- 重寫(xiě)drawRect方法
  - 1.獲取圖形上下文
  - 2.創(chuàng)建路徑對(duì)象（添加路徑）
  - 3.渲染

繪制基本圖形

繪制一條線段：

獲取圖形上下文
移動(dòng)到起點(diǎn)
添加另一點(diǎn)
渲染

// 1.獲取圖形上下文
CGContextRef cxtRef = UIGraphicsGetCurrentContext();

// 2.添加路徑
// 起點(diǎn)
CGContextMoveToPoint(cxtRef, 100, 80);
// 另外一個(gè)點(diǎn)
CGContextAddLineToPoint(cxtRef, 200, 200);

// 3.渲染
CGContextStrokePath(cxtRef); // 僅僅畫(huà)線

線段效果圖

繪制線段.png

繪制2條線段

// 1.獲取圖形上下文
CGContextRef cxtRef = UIGraphicsGetCurrentContext();
// 2.添加路徑
// 起點(diǎn)
CGContextMoveToPoint(cxtRef, 50, 50);
// 另外一個(gè)點(diǎn)
CGContextAddLineToPoint(cxtRef, 200, 100);
// 第2條線
CGContextAddLineToPoint(cxtRef, 40, 180);
// 3.渲染
CGContextStrokePath(cxtRef);

2條線效果圖

繪制兩條線段.png

注意：CGContextStrokePath(cxtRef);只是進(jìn)行畫(huà)線，CGContextFillPath(cxtRef)會(huì)將線圍起來(lái)的部分全部畫(huà)出

使用CGContextFillPath(cxtRef)的效果

fill的效果.png

繪制三角形

// 1.獲取圖形上下文
CGContextRef cxtRef = UIGraphicsGetCurrentContext();
// 2.添加路徑
// 起點(diǎn)
CGContextMoveToPoint(cxtRef, 50, 50);
// 另外一個(gè)點(diǎn)
CGContextAddLineToPoint(cxtRef, 200, 50);
// 第2條線
CGContextAddLineToPoint(cxtRef, 125, 180);
// 再向起點(diǎn)連一條線
CGContextAddLineToPoint(cxtRef, 50, 50);
// 3.渲染
CGContextStrokePath(cxtRef); // 僅僅畫(huà)線

三角形效果圖

三角形.png

繪制其他基本圖形

通過(guò)UIBezierPath繪制基本圖形

注意：如果在繪制一部分圖形后仍需要繪制圖形着茸，必須將前面的路徑關(guān)閉，再重新開(kāi)始繪制琐旁。

三角形及線段

// 1.獲取圖形上下文
CGContextRef cxtRef = UIGraphicsGetCurrentContext();

// 2.圖形路徑
UIBezierPath *bezierPath = [UIBezierPath bezierPath];
[bezierPath moveToPoint:CGPointMake(10, 10)];
[bezierPath addLineToPoint:CGPointMake(200, 200)];
[bezierPath addLineToPoint:CGPointMake(10, 250)];
[bezierPath addLineToPoint:CGPointMake(10, 10)];

// 2.1如果需要再繪制其他的圖形就必須先把當(dāng)前的路徑關(guān)閉
[bezierPath closePath];

// 2.2.再繪制一條線段
[bezierPath moveToPoint:CGPointMake(250, 10)];
[bezierPath addLineToPoint:CGPointMake(250, 290)];

// 需要的是CGPathRef類(lèi)型涮阔，可以通過(guò).CGPath進(jìn)行轉(zhuǎn)換
CGContextAddPath(cxtRef, bezierPath.CGPath);
// 3.渲染
CGContextDrawPath(cxtRef, kCGPathStroke);


* 通過(guò)UIBezierPath繪制基本圖形效果圖</br>

![通過(guò)bezierPath繪制基本圖形.png](http://upload-images.jianshu.io/upload_images/1988000-57b79968c4183195.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 繪制矩形
```objc
// 1.獲取圖形上下文
CGContextRef ctxRef = UIGraphicsGetCurrentContext();

// 2.創(chuàng)建路徑對(duì)象
UIBezierPath *path = [UIBezierPath bezierPathWithRect:CGRectMake(10, 10, 200, 100)];

// 3.將路徑對(duì)象添加到"圖形上下文"
CGContextAddPath(ctxRef, path.CGPath);

// 4.渲染
CGContextDrawPath(ctxRef, kCGPathStroke);

矩形效果圖

繪制矩形.png

繪制圓角矩形

// 2.創(chuàng)建路徑對(duì)象
UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 10, 200, 100) cornerRadius:50];

圓角矩形效果圖

繪制圓角矩形.png

繪制橢圓

// 2.創(chuàng)建路徑對(duì)象
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(50, 50, 200, 100)];

橢圓效果圖

繪制橢圓.png

繪制圓弧

clockWise參數(shù)，代表繪制時(shí)YES:是逆時(shí)針繪制 NO:是順時(shí)針繪制

// 2.創(chuàng)建路徑對(duì)象
// 圓心
CGPoint center = CGPointMake(150, 150);
// 半徑
CGFloat radius = 100;
// 開(kāi)始角度
CGFloat startAngle = 0;
// 結(jié)束角度
CGFloat endAngle = M_PI_2;
// 是否為順時(shí)針
BOOL clokcWise = NO;
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startAngle endAngle:endAngle clockwise:clokcWise];

圓弧效果圖

繪制圓弧.png

繪制圓形

// 圓心
CGPoint center = CGPointMake(150, 150);
// 半徑
CGFloat radius = 100;
// 開(kāi)始角度
CGFloat startAngle = 0;
// 結(jié)束角度
CGFloat endAngle = M_PI * 2;
// 是否為順時(shí)針
BOOL clokcWise = YES;
return [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startAngle endAngle:endAngle clockwise:clokcWise];

圓形效果圖

繪制圓形.png

繪制常見(jiàn)圖形

繪制扇形
繪制餅狀圖
繪制柱狀圖
繪制下載進(jìn)度條

繪制扇形

需要繪制弧形灰殴，指定起始角度及結(jié)束角度

最后需要將弧形終點(diǎn)與圓心點(diǎn)連起來(lái)敬特，再通過(guò)填充渲染就可以

// 1.獲取圖形上下文
CGContextRef cxtRef = UIGraphicsGetCurrentContext();

// 2.創(chuàng)建弧形的路徑對(duì)象
// 圓心
CGPoint center = CGPointMake(rect.size.width * 0.5, rect.size.height * 0.5);
// 半徑
CGFloat radius = MIN(rect.size.width, rect.size.height) * 0.5;

UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:0 endAngle:M_PI_4 clockwise:YES];

// 必須要將終點(diǎn)與圓形連線
[path addLineToPoint:center];

// 4.添加到圖形上下文中
CGContextAddPath(cxtRef, path.CGPath);

// 5.渲染

// CGContextDrawPath(cxtRef, kCGPathStroke);
CGContextDrawPath(cxtRef, kCGPathFill);
```

扇形效果圖

繪制扇形.png

繪制餅狀圖

數(shù)組數(shù)據(jù)
通過(guò)計(jì)算每個(gè)元素所占的比例

獲取圖形上下文
計(jì)算好圓心及半徑
遍歷集合數(shù)據(jù)進(jìn)行繪制
計(jì)算每個(gè)扇形需要旋轉(zhuǎn)的角度
創(chuàng)建路徑對(duì)象進(jìn)行繪制

注意：在繪制時(shí)，每個(gè)扇形的終止角度 = 上一個(gè)扇形的結(jié)束角度 + 當(dāng)前扇形所需要的角度

每次遍歷最后都需要將扇形的起始角度置為上一個(gè)扇形的結(jié)束角度

#pragma mark - 繪制餅狀圖
- (void)drawRect:(CGRect)rect {

    // 1.數(shù)據(jù)
    NSArray *data = @[@25, @15, @10, @5, @30, @10, @5];

    // 2.遍歷數(shù)據(jù)進(jìn)行求和
    int total = 0;
    for (NSNumber *number in data) {
        float num = number.floatValue;
        total += num;
    }
    // 3.進(jìn)行繪圖操作
    // 3.1獲取圖形上下文
    CGContextRef cxtRef = UIGraphicsGetCurrentContext();

    // 3.2遍歷集合進(jìn)行繪圖操作
    // 圓心
    CGPoint center = CGPointMake(rect.size.width * 0.5, rect.size.height * 0.5);
    // 半徑
    CGFloat radius = MIN(rect.size.width, rect.size.height) * 0.5;

    // 起始角度和結(jié)束角度
    // 注意：要在block內(nèi)修改外部局部變量的值是必須要加__block進(jìn)行修飾的
    __block CGFloat startAngle = 0;
    __block CGFloat endAngle = 0;

    // 遍歷集合
    [data enumerateObjectsUsingBlock:^(NSNumber * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {

        // 轉(zhuǎn)為float類(lèi)型
        float num = obj.floatValue;

        // 計(jì)算單獨(dú)一個(gè)數(shù)據(jù)結(jié)束角度牺陶，需要用它所占的角度 + 起始角度
        endAngle = (num / total) * (M_PI * 2) + startAngle;

        // 3.2.1創(chuàng)建路徑對(duì)象
        UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startAngle endAngle:endAngle clockwise:YES];

        // 3.2.2將弧線的終點(diǎn)與圓心連接起來(lái)
        [path addLineToPoint:center];

        // 3.2.3使用隨機(jī)色進(jìn)行渲染
        [[UIColor colorWithRed:arc4random_uniform(256)/255.0 green:arc4random_uniform(256)/255.0 blue:arc4random_uniform(256)/255.0 alpha:1.0] set];

        // 3.2.4添加到圖形上下文中
        CGContextAddPath(cxtRef, path.CGPath);

        // 3.2.5渲染
        CGContextDrawPath(cxtRef, kCGPathFill);

        // 3.2.6修改起始角度
        startAngle = endAngle;
    }];


    // 4.創(chuàng)建同心圓遮蓋中間部分
    UIBezierPath *arcPath = [UIBezierPath bezierPathWithArcCenter:center radius:radius - 70 startAngle:0 endAngle:M_PI * 2 clockwise:YES];
    [self.backgroundColor setFill];

    CGContextAddPath(cxtRef, arcPath.CGPath);

    // 渲染
    CGContextDrawPath(cxtRef, kCGPathFill);

}

餅狀圖效果圖

繪制餅狀圖.png

繪制柱狀圖

計(jì)算所占比例
獲取圖形上下文
計(jì)算寬度伟阔，遍歷集合進(jìn)行繪制

#pragma mark - 繪制柱狀圖
- (void)drawRect:(CGRect)rect {

    // 1.數(shù)據(jù)
    NSArray *data = @[@100, @200, @300, @700, @79, @400];

    // 2.遍歷數(shù)據(jù)進(jìn)行求和
    float total = 0;
    for (NSNumber *number in data) {
        float num = number.floatValue;
        total += num;
    }

    // 3.進(jìn)行繪圖操作
    // 3.1獲取圖形上下文
    CGContextRef cxtRef = UIGraphicsGetCurrentContext();

    // 3.2遍歷集合進(jìn)行繪圖操作
    // 3.2.1計(jì)算寬度
    CGFloat width = rect.size.width / (data.count * 2 - 1);

    [data enumerateObjectsUsingBlock:^(NSNumber * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {

        // 計(jì)算高度
        CGFloat height = obj.floatValue / total * rect.size.height * 2;

        // 計(jì)算y
        CGFloat y = rect.size.height - height;
        // 計(jì)算x
        CGFloat x = (2 * width) * idx;

        // 創(chuàng)建路徑對(duì)象
        UIBezierPath *path = [UIBezierPath bezierPathWithRect:CGRectMake(x, y, width, height)];

        // 添加到圖形上下文中
        CGContextAddPath(cxtRef, path.CGPath);

        // 設(shè)置隨機(jī)色
        [[UIColor colorWithRed:arc4random_uniform(256)/255.0 green:arc4random_uniform(256)/255.0 blue:arc4random_uniform(256)/255.0 alpha:1.0] set];

        // 渲染
        CGContextDrawPath(cxtRef, kCGPathFill);
    }];

}

柱狀圖效果圖

繪制柱形圖.png

繪制下載進(jìn)度條

監(jiān)聽(tīng)slider的滑動(dòng)事件
將slider的值傳遞給自定義view
在自定義view中重寫(xiě)set方法，進(jìn)行繪制
繪制時(shí)弧線的結(jié)束角度根據(jù)傳入的進(jìn)度值進(jìn)行計(jì)算

#pragma mark - 繪制下載進(jìn)度條
- (void)drawRect:(CGRect)rect {

    // 1.獲取上下文
    CGContextRef cxtRef = UIGraphicsGetCurrentContext();

    // 2.創(chuàng)建路徑對(duì)象
    // 圓心
    CGPoint center = CGPointMake(rect.size.width * 0.5, rect.size.height * 0.5);
    // 半徑
    CGFloat radius = MIN(rect.size.width, rect.size.height) * 0.5;
    // 起點(diǎn)
    CGFloat startAngle = -M_PI_2;
    CGFloat endAngle = self.progress * M_PI * 2 - M_PI_2;

    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startAngle endAngle:endAngle clockwise:YES];

    [path addLineToPoint:center];

#pragma mark - 創(chuàng)建一個(gè)圓形掰伸，利用奇偶填充模式留出中間的空白處
//    UIBezierPath *path2 = [UIBezierPath bezierPathWithArcCenter:center radius:radius - 50 startAngle:startAngle endAngle:endAngle clockwise:YES];

//    [path2 addLineToPoint:center];

    // 3.添加到上下文中
    CGContextAddPath(cxtRef, path.CGPath);
//    CGContextAddPath(cxtRef, path2.CGPath);
    // 設(shè)置顏色
    [[UIColor brownColor] set];

    // 4.渲染
    CGContextDrawPath(cxtRef, kCGPathFill);
//    CGContextDrawPath(cxtRef, kCGPathEOFill);
}

下載進(jìn)度條圖效果圖

繪制下載進(jìn)度條.gif

圖形上下文的矩陣操作

注意: 紅色框?yàn)樯舷挛牡倪吔?/h6>

旋轉(zhuǎn)

#pragma mark - 旋轉(zhuǎn) CTM
    // 注意:是繞著左上角進(jìn)行轉(zhuǎn)動(dòng)
    CGContextRotateCTM(cxtRef, M_PI_4);

旋轉(zhuǎn)上下文

旋轉(zhuǎn).png

縮放


#pragma mark - 縮放 CTM
    // 注意:是以左上角為圓點(diǎn)縮放
    CGContextScaleCTM(cxtRef, 0.5, 0.5);

縮小上下文

縮放.png

平移

#pragma mark - 平移
    CGContextTranslateCTM(cxtRef, 200, -100);

平移上下文

平移.png

旋轉(zhuǎn)縮放平移

旋轉(zhuǎn)縮放平移.png

圖形上下文棧介紹

在對(duì)圖形上下文進(jìn)行矩陣操作之前先將圖像上下文最初的狀態(tài)保存起來(lái)皱炉。保存的位置就是圖形上下文的棧。
在需要原始狀態(tài)的時(shí)候進(jìn)行再回復(fù)原始的狀態(tài)的狮鸭。

   
#pragma mark - 矩陣操作
- (void)drawRect:(CGRect)rect {
    
    //獲取圖形上下文
    CGContextRef cxtRef = UIGraphicsGetCurrentContext();
    //MARK: - 在矩陣操作前保存圖形上下文
    CGContextSaveGState(cxtRef);
    
#pragma mark - 旋轉(zhuǎn) CTM
    // 注意:是繞著左上角進(jìn)行轉(zhuǎn)動(dòng)
    CGContextRotateCTM(cxtRef, M_PI_4);
    
#pragma mark - 縮放 CTM
    // 注意:是以左上角為圓點(diǎn)縮放
    CGContextScaleCTM(cxtRef, 0.5, 0.5);
    
#pragma mark - 平移
    CGContextTranslateCTM(cxtRef, 200, -100);  //為什么y值為0   和y值為-100   x值也會(huì)改變   縮放同時(shí)改變位置  位置會(huì)不準(zhǔn)
    //創(chuàng)建路徑
    //圓形
    UIBezierPath *roundPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(180, 150) radius:100 startAngle:0 endAngle:M_PI * 2 clockwise:YES];
    //矩形
    UIBezierPath *rectPath = [UIBezierPath bezierPathWithRect:CGRectMake(150, 280, 200, 100)];
    //直線
    UIBezierPath *linePath = [UIBezierPath bezierPath];
    [linePath moveToPoint:CGPointMake(50, 50)];
    [linePath addLineToPoint:CGPointMake(350, 400)];
    
    //添加路徑
    CGContextAddPath(cxtRef, roundPath.CGPath);
    CGContextAddPath(cxtRef, rectPath.CGPath);
    CGContextAddPath(cxtRef, linePath.CGPath);
    
    //渲染
    CGContextDrawPath(cxtRef, kCGPathStroke);
    
    
    //MARK: - 在執(zhí)行完畢矩陣操作以后合搅，恢復(fù)上下文
    CGContextRestoreGState(cxtRef);
    
    //繪制與控制器視圖大小相等的方框方便觀察
    UIBezierPath *rectP = [UIBezierPath bezierPathWithRect:rect] ;
    //設(shè)置矩形的顏色
    [[UIColor redColor] setStroke];
    //設(shè)置矩形的線寬
    rectP.lineWidth = 10;
    
    [rectP stroke];
    
    
}

圖形上下文的內(nèi)存管理

CoreGraphics框架里面的使用到"create"和"copy","retain"函數(shù)創(chuàng)建的對(duì)象多搀，最后都需要進(jìn)行釋放

// 1.獲取上下文
CGContextRef cxtRef = UIGraphicsGetCurrentContext();

// 2.創(chuàng)建路徑對(duì)象
CGMutablePathRef path = CGPathCreateMutable();


// 起點(diǎn)
CGPathMoveToPoint(path, NULL, 50, 50);

// 另一點(diǎn)
CGPathAddLineToPoint(path, NULL, 100, 100);


// 3.將路徑對(duì)象添加到圖形上下文中
CGContextAddPath(cxtRef, path);

// 4.渲染
CGContextDrawPath(cxtRef, kCGPathStroke);

// 5.釋放
//    CGPathRelease(path);
#pragma mark - CoreGraphics框架里面的使用到"create"和"copy","retain"函數(shù)創(chuàng)建的對(duì)象，最后都需要進(jìn)行釋放
CFRelease(path);

繪制圖片和文字

繪制圖片

//1.加載圖片
     UIImage *mjImage = [UIImage imageNamed:@"頭像"];
     //2.1方式1 通過(guò)一個(gè)點(diǎn)開(kāi)始繪制
     [mjImage drawAtPoint:CGPointMake(50, 50)];

通過(guò)一個(gè)點(diǎn)開(kāi)始繪制.png

     //2.2方式2 通過(guò)某個(gè)區(qū)域繪制灾部，可能會(huì)壓縮或者拉伸圖片酗昼，使圖片不夠美觀
     [mjImage drawInRect:CGRectMake(50, 50, 100, 150)];

通過(guò)某個(gè)區(qū)域繪制.png


     //2.3方式3 在某個(gè)區(qū)域內(nèi)以平鋪的方式繪制圖片
     [mjImage drawAsPatternInRect:CGRectMake(0, 0, 300, 300)];

在某個(gè)區(qū)域內(nèi)以平鋪的方式繪制圖片.png

繪制文字



//字符串
    NSString *str = [NSString stringWithFormat:@"說(shuō)好的不熬夜呢？"];
    
    NSDictionary *dic = @{
                          NSFontAttributeName : [UIFont systemFontOfSize:20],
                          NSForegroundColorAttributeName : [UIColor redColor]
                          };
    
    //方式1. 從某一個(gè)點(diǎn)開(kāi)始繪制
    [str drawAtPoint:CGPointMake(50, 50) withAttributes:dic];

從某一個(gè)點(diǎn)開(kāi)始繪制.png

    //方式2. 在某一個(gè)區(qū)域進(jìn)行繪制  (會(huì)自動(dòng)換行梳猪，但是區(qū)域不要小于字體所占面積大小)
    [str drawInRect:CGRectMake(150, 150, 80, 150) withAttributes:dic];

在某一個(gè)區(qū)域進(jìn)行繪制.png

最后編輯于：2017.12.03 05:00:43

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末麻削，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子春弥，更是在濱河造成了極大的恐慌呛哟，老刑警劉巖，帶你破解...
沈念sama閱讀 217,406評(píng)論 6贊 503
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件匿沛，死亡現(xiàn)場(chǎng)離奇詭異扫责，居然都是意外死亡，警方通過(guò)查閱死者的電腦和手機(jī)逃呼，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 92,732評(píng)論 3贊 393
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門(mén)鳖孤，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人抡笼，你說(shuō)我怎么就攤上這事苏揣。” “怎么了推姻？”我有些...
開(kāi)封第一講書(shū)人閱讀 163,711評(píng)論 0贊 353
道士緝兇錄：失蹤的賣(mài)姜人
文/不壞的土叔我叫張陵平匈，是天一觀的道長(zhǎng)。經(jīng)常有香客問(wèn)我藏古，道長(zhǎng)增炭，這世上最難降的妖魔是什么？我笑而不...
開(kāi)封第一講書(shū)人閱讀 58,380評(píng)論 1贊 293
?港島之戀（遺憾婚禮）
正文為了忘掉前任拧晕，我火速辦了婚禮隙姿，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘厂捞。我一直安慰自己输玷，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 67,432評(píng)論 6贊 392
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布蔫敲。她就那樣靜靜地躺著饲嗽，像睡著了一般。火紅的嫁衣襯著肌膚如雪奈嘿。梳的紋絲不亂的頭發(fā)上貌虾，一...
開(kāi)封第一講書(shū)人閱讀 51,301評(píng)論 1贊 301
城市分裂傳說(shuō)
那天，我揣著相機(jī)與錄音裙犹，去河邊找鬼尽狠。笑死衔憨，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的袄膏。我是一名探鬼主播践图，決...
沈念sama閱讀 40,145評(píng)論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了？” 一聲冷哼從身側(cè)響起冀痕，我...
開(kāi)封第一講書(shū)人閱讀 39,008評(píng)論 0贊 276
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎揖盘，沒(méi)想到半個(gè)月后，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體锌奴，經(jīng)...
沈念sama閱讀 45,443評(píng)論 1贊 314
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡兽狭，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 37,649評(píng)論 3贊 334
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了鹿蜀。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片箕慧。...
茶點(diǎn)故事閱讀 39,795評(píng)論 1贊 347
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖茴恰，靈堂內(nèi)的尸體忽然破棺而出颠焦，到底是詐尸還是另有隱情，我是刑警寧澤琐簇，帶...
沈念sama閱讀 35,501評(píng)論 5贊 345
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布蒸健，位于F島的核電站，受9級(jí)特大地震影響婉商，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜渣叛，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,119評(píng)論 3贊 328
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一丈秩、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧淳衙，春花似錦蘑秽、人聲如沸。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 31,731評(píng)論 0贊 22
一樁弒父案肠牲，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)。三九已至靴跛，卻和暖如春缀雳，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背梢睛。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 32,865評(píng)論 1贊 269
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工肥印，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留识椰，地道東北人。一個(gè)月前我還...
沈念sama閱讀 47,899評(píng)論 2贊 370
代替公主和親
正文我出身青樓深碱，卻偏偏與公主長(zhǎng)得像腹鹉，于是被迫代替她去往敵國(guó)和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子敷硅，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 44,724評(píng)論 2贊 354

Quartz 2D繪圖 （1）初識(shí)