2. 程式人生 > >drawRect的繪製的使用（繪製文字字元、繪製圖片、繪製圖形）

drawRect的繪製的使用（繪製文字字元、繪製圖片、繪製圖形）

阿新 • • 發佈：2019-01-30

通過重寫UIView的drawRect方法進行繪製使用，如繪製文字字元、繪製圖片、繪製圖形等。

在iOS中使用drawRect繪圖一般分為以下5個步驟：
1、獲取繪圖上下文
CGContextRef context = UIGraphicsGetCurrentContext();
2、建立並設定路徑
3、將路徑新增到上下文
如：線寬、線條顏色、填充顏色等
4、設定上下文狀態
CGContextAddLines(context, points, 2);
或線
CGContextAddLineToPoint(context, 10.0, 10.0);
或圓
CGContextAddEllipseInRect(context, CGRectZero);
CGContextAddArc(context, 10.0, 10.0, (60.0 * M_PI / 180.0), (120.0 * M_PI / 180.0), 1); 
或弧
CGContextAddArcToPoint(context, 10.0, 200.0, 300.0, 200.0, 100.0);
或二次曲線
CGContextAddQuadCurveToPoint(context, 50.0, 80.0, 200.0, 10.0);
或三次曲線 
CGContextAddCurveToPoint(context, 250, 280, 250, 400, 280.0, 300.0);
5、繪製路徑
CGContextDrawPath(context, kCGPathFillStroke);
或
CGContextStrokePath(context);
6、釋放路徑
CGPathRelease(path);

注意事項：

1、設定frame的屬性，或呼叫setNeedsDisplay時才會呼叫drawRect方法。

2、在繪製過程中

（1）針對實際情況獲取圖形上下文

CGContextRef context = UIGraphicsGetCurrentContext();

（2）有時候，還需要在獲取圖形上下文之前，設定開始圖形上下文；在使用後，設定關閉圖形上下文

UIGraphicsBeginImageContextWithOptions(rect.size, NO, 0.0); // 開始圖形上下文

CGContextRef context = UIGraphicsGetCurrentContext();
// coding...

UIGraphicsEndImageContext(); // 關閉上下文

3、

1、繪製文字

- (void)drawRect:(CGRect)rect
{
    NSString *text = @"devZhang is an iOS developer.iOS開發者 iOS開發者 iOS開發者 iOS開發者 iOS開發者";
    // 文字段落樣式
    NSMutableParagraphStyle *textStyle = [[NSMutableParagraphStyle alloc] init];
    textStyle.lineBreakMode = NSLineBreakByWordWrapping; // 結尾部分的內容以……方式省略 ( "...wxyz" ,"abcd..." ,"ab...yz")
    textStyle.alignment = NSTextAlignmentLeft; //（兩端對齊的）文字對齊方式：（左，中，右，兩端對齊，自然）
    textStyle.lineSpacing = 5; // 字型的行間距
    textStyle.firstLineHeadIndent = 5.0; // 首行縮排
    textStyle.headIndent = 0.0; // 整體縮排(首行除外)
    textStyle.tailIndent = 0.0; //
    textStyle.minimumLineHeight = 20.0; // 最低行高
    textStyle.maximumLineHeight = 20.0; // 最大行高
    textStyle.paragraphSpacing = 15; // 段與段之間的間距
    textStyle.paragraphSpacingBefore = 22.0f; // 段首行空白空間/* Distance between the bottom of the previous paragraph (or the end of its paragraphSpacing, if any) and the top of this paragraph. */
    textStyle.baseWritingDirection = NSWritingDirectionLeftToRight; // 從左到右的書寫方向（一共➡️三種）
    textStyle.lineHeightMultiple = 15; /* Natural line height is multiplied by this factor (if positive) before being constrained by minimum and maximum line height. */
    textStyle.hyphenationFactor = 1; //連字屬性 在iOS，唯一支援的值分別為0和1
    // 文字屬性
    NSMutableDictionary *textAttributes = [[NSMutableDictionary alloc] init];
    // NSParagraphStyleAttributeName 段落樣式
    [textAttributes setValue:textStyle forKey:NSParagraphStyleAttributeName];
    // NSFontAttributeName 字型名稱和大小
    [textAttributes setValue:[UIFont systemFontOfSize:12.0] forKey:NSFontAttributeName];
    // NSForegroundColorAttributeNam 顏色
    [textAttributes setValue:[UIColor redColor] forKey:NSForegroundColorAttributeName];
    // 繪製文字
    [text drawInRect:rect withAttributes:textAttributes];
}


2、繪製圖片

// 繪製圖片
- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    // 儲存初始狀態
    CGContextSaveGState(context);
    // 圖形上下文移動{x,y}
    CGContextTranslateCTM(context, 50.0, 30.0);
    // 圖形上下文縮放{x,y}
    CGContextScaleCTM(context, 0.8, 0.8);
    // 旋轉
    CGContextRotateCTM(context, M_PI_4 / 4); 
    
    // 繪製圖片
    NSString *imagePath = [[NSBundle mainBundle] pathForResource:@"girl" ofType:@"jpg"];
    UIImage *image = [[UIImage alloc] initWithContentsOfFile:imagePath];
    
    CGRect rectImage = CGRectMake(0.0, 0.0, rect.size.width, (rect.size.width * image.size.height / image.size.width));
    
    // 圓角圖片設定
//    UIGraphicsBeginImageContextWithOptions(rect.size, NO, 0.0); // 開始圖形上下文
//    CGContextRef ctx = UIGraphicsGetCurrentContext(); // 獲得圖形上下文
//    CGRect rectNew = CGRectMake(0, 0, rect.size.width, rect.size.height); // 設定一個範圍
//    CGContextAddEllipseInRect(ctx, rect); // 根據一個rect建立一個橢圓
//    CGContextClip(ctx); // 裁剪
//    [image drawInRect:rectNew]; // 將原照片畫到圖形上下文
//    image = UIGraphicsGetImageFromCurrentImageContext(); // 從上下文上獲取剪裁後的照片
//    UIGraphicsEndImageContext(); // 關閉上下文
    
    // 繪製圖片
    // 1 圖片可能顯示不完整
//    [image drawAtPoint:CGPointMake(0, 0)];
    
    // 2 在rect範圍內完整顯示圖片-正常使用
    [image drawInRect:rectImage];
    
    // 3 圖片上下顛倒了
//    CGContextRef context = UIGraphicsGetCurrentContext();
//    CGContextDrawImage(context, rectImage, image.CGImage);
    
    // 4 圖片上下顛倒了-n個顯示
//    CGContextRef context = UIGraphicsGetCurrentContext();
//    CGContextDrawTiledImage(context, rectImage, image.CGImage);
    
    // 恢復到初始狀態
    CGContextRestoreGState(context);
}



3、繪製圖形

（1）菱形、矩形、正方形

- (void)drawRect:(CGRect)rect
{
    
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    // 畫一個菱形-實線帶邊框，帶填充
    // 邊框
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, [UIColor magentaColor].CGColor);
    // 方法1 菱形起點-終點
//    CGContextMoveToPoint(context, 10.0, 80.0);
//    CGContextAddLineToPoint(context, 60.0, 10.0);
//    CGContextAddLineToPoint(context, 110.0, 80.0);
//    CGContextAddLineToPoint(context, 60.0, 150.0);
//    CGContextAddLineToPoint(context, 10.0, 80.0);
    // 方法2 菱形起點-終點
    CGPoint points[5] = {CGPointMake(10.0, 80.0), CGPointMake(60.0, 10.0), CGPointMake(110.0, 80.0), CGPointMake(60.0, 150.0), CGPointMake(10.0, 80.0)};
    CGContextAddLines(context, points, 5);
    // 填充
    CGContextSetFillColorWithColor(context, [UIColor greenColor].CGColor);
    // 繪製路徑及填充模式
    CGContextDrawPath(context, kCGPathFillStroke);
    
    // 畫一個菱形-虛線帶邊框，無填充
    CGContextSetLineWidth(context, 1.0);
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
    CGFloat dashArray[] = {4, 4}; // 表示先畫1個點再畫4個點（前者小後者大時，虛線點小且間隔大；前者大後者小時，虛線點大且間隔小）
    CGContextSetLineDash(context, 1, dashArray, 2); // 其中的2表示dashArray中的值的個數
    // 菱形起點-終點
    CGPoint pointsStroke[5] = {CGPointMake(120.0, 80.0), CGPointMake(170.0, 10.0), CGPointMake(220.0, 80.0), CGPointMake(170.0, 150.0), CGPointMake(120.0, 80.0)};
    CGContextAddLines(context, pointsStroke, 5);
    // 方法1 繪製路徑及填充模式
//    CGContextDrawPath(context, kCGPathStroke);
    // 方法2 繪製路徑
    CGContextStrokePath(context);
    
    // 畫一個菱形-無邊框，帶填充
    CGContextSetFillColorWithColor(context, [UIColor yellowColor].CGColor);
    // 菱形起點-終點
    CGPoint pointsFill[5] = {CGPointMake(230.0, 80.0), CGPointMake(260.0, 10.0), CGPointMake(290.0, 80.0), CGPointMake(260.0, 150.0), CGPointMake(230.0, 80.0)};
    CGContextAddLines(context, pointsFill, 5);
    // 方法1 繪製路徑及填充模式
    CGContextDrawPath(context, kCGPathFill);

    
    // 通過frame的寬高區分正方形，矩形
    // 畫一個正方形-帶邊框，帶填充
    // 邊框
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
    // 正方形起點-終點
    CGPoint pointsRect[5] = {CGPointMake(10.0, 160.0), CGPointMake(60.0, 160.0), CGPointMake(60.0, 210.0), CGPointMake(10.0, 210.0), CGPointMake(10.0, 160.0)};
    CGContextAddLines(context, pointsRect, 5);
    // 填充
    CGContextSetFillColorWithColor(context, [UIColor yellowColor].CGColor);
    // 繪製路徑及填充模式
    CGContextDrawPath(context, kCGPathFillStroke);
    
    // 畫一個正方形-帶邊框，無填充
    // 邊框
    CGContextSetLineWidth(context, 1.0);
    CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
    // 方法1 正方形起點-終點
//    CGPoint pointsRect2[5] = {CGPointMake(70.0, 160.0), CGPointMake(120.0, 160.0), CGPointMake(120.0, 210.0), CGPointMake(70.0, 210.0), CGPointMake(70.0, 160.0)};
//    CGContextAddLines(context, pointsRect2, 5);
    // 方法2
//    CGContextAddRect(context, CGRectMake(70.0, 160.0, 50.0, 50.0));
    // 方法3
    CGContextStrokeRect(context, CGRectMake(70.0, 160.0, 50.0, 50.0));
    // 方法1 繪製路徑及填充模式
//    CGContextDrawPath(context, kCGPathStroke);
    // 方法2 繪製路徑
    CGContextStrokePath(context);

    
    // 畫一個正方形-無邊框，帶填充
    CGContextSetFillColorWithColor(context, [UIColor yellowColor].CGColor);
    // 方法1 填充
//    CGContextFillRect(context, CGRectMake(130.0, 160.0, 50.0, 50.0));
    // 方法2
    CGContextAddRect(context, CGRectMake(130.0, 160.0, 50.0, 50.0));
    CGContextDrawPath(context, kCGPathFill);


    
    
    // 畫一個矩形-帶邊框，帶填充
    // 邊框
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, [UIColor brownColor].CGColor);
    // 矩形起點-終點
    CGPoint pointsRectangle[5] = {CGPointMake(10.0, 220.0), CGPointMake(80.0, 220.0), CGPointMake(80.0, 270.0), CGPointMake(10.0, 270.0), CGPointMake(10.0, 220.0)};
    CGContextAddLines(context, pointsRectangle, 5);
    // 填充
    CGContextSetFillColorWithColor(context, [UIColor orangeColor].CGColor);
    // 繪製路徑及填充模式
    CGContextDrawPath(context, kCGPathFillStroke);
    
    // 畫一個矩形-帶邊框，無填充
    // 邊框
    CGContextSetLineWidth(context, 1.0);
    CGContextSetStrokeColorWithColor(context, [UIColor greenColor].CGColor);
    // 方法1 正方形起點-終點
//    CGPoint pointsRect2[5] = {CGPointMake(90.0, 220.0), CGPointMake(160.0, 220.0), CGPointMake(160.0, 270.0), CGPointMake(90.0, 270.0), CGPointMake(90.0, 220.0)};
//    CGContextAddLines(context, pointsRect2, 5);
    // 方法2
//    CGContextAddRect(context, CGRectMake(90.0, 220.0, 70.0, 50.0));
    // 方法3
    CGContextStrokeRect(context, CGRectMake(90.0, 220.0, 70.0, 50.0));
    // 方法1 繪製路徑及填充模式
//    CGContextDrawPath(context, kCGPathStroke);
    // 方法2 繪製路徑
    CGContextStrokePath(context);
    
    
    // 畫一個矩形-無邊框，帶填充
    CGContextSetFillColorWithColor(context, [UIColor purpleColor].CGColor);
    // 方法1 填充
//    CGContextFillRect(context, CGRectMake(170.0, 220.0, 70.0, 50.0));
    // 方法2
    CGContextAddRect(context, CGRectMake(170.0, 220.0, 70.0, 50.0));
    CGContextDrawPath(context, kCGPathFill);
}


（2）圓形、橢圓形、扇形

// 橢圓形，或圓形，扇形
- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    // 背景顏色設定
    [[UIColor yellowColor] set];
    CGContextFillRect(context, rect);
    
    
    // 設定長寬，區分橢圓或圓
    CGRect rectRing = CGRectMake(10.0, 10.0, (rect.size.width - 10.0 * 2), 100.0);
    
    // 實線橢圓
    CGContextSetLineWidth(context, 1.0);
    CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
    CGContextAddEllipseInRect(context, rectRing);
    CGContextDrawPath(context, kCGPathStroke);
    
    // 虛線橢圓
    rectRing = CGRectMake(10.0, 120.0, (rect.size.width - 10.0 * 2), 100.0);
    CGFloat dashArray[] = {2, 6};
    CGContextSetLineDash(context, 1, dashArray, 2);
    CGContextSetLineWidth(context, 1.0);
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
    CGContextAddEllipseInRect(context, rectRing);
    CGContextDrawPath(context, kCGPathStroke);
    
    // 實線圓-有邊框，無填充
    rectRing = CGRectMake(10.0, 230.0, 80.0, 80.0);
    CGContextSetLineWidth(context, 1.0);
    CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
    CGContextAddEllipseInRect(context, rectRing);
    CGContextDrawPath(context, kCGPathStroke);
    
    // 實線圓-有邊框，有填充
    // 邊框
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, [UIColor greenColor].CGColor);
    // 填充
    CGContextSetFillColorWithColor(context, [UIColor purpleColor].CGColor);// 填充顏色
    CGContextAddArc(context, 140.0, 270.0, 40.0, 0, 2 * M_PI, 0); // 新增一個圓{x,y}中心點位置
    // kCGPathFill填充非零繞數規則,kCGPathEOFill表示用奇偶規則,kCGPathStroke路徑,kCGPathFillStroke路徑填充,kCGPathEOFillStroke描線
    CGContextDrawPath(context, kCGPathFillStroke);
    
    // 實線圓-無邊框，有填充
    rectRing = CGRectMake(190.0, 230.0, 80.0, 80.0);
    CGContextAddEllipseInRect(context, rectRing);
    [[UIColor orangeColor] set];
    CGContextFillPath(context);
    
    
    
    // 扇形
    // 實線-有邊框，有填充
    // 邊框
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, [UIColor greenColor].CGColor);
    CGContextMoveToPoint(context, 50.0, 380.0);
    // 填充
    CGContextSetFillColorWithColor(context, [UIColor purpleColor].CGColor);// 填充顏色
    CGContextAddArc(context, 50.0, 380.0, 60.0, (-60 * M_PI / 180), (-120 * M_PI / 180), 1); // 新增一個圓{x,y}中心點位置
    CGContextClosePath(context);
    // kCGPathFill填充非零繞數規則,kCGPathEOFill表示用奇偶規則,kCGPathStroke路徑,kCGPathFillStroke路徑填充,kCGPathEOFillStroke描線
    CGContextDrawPath(context, kCGPathFillStroke);
}




（3）實線、虛線

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    // 畫實線 方法1
    // 線條寬
    CGContextSetLineWidth(context, 1.0);
    // 線條顏色
    CGContextSetRGBStrokeColor(context, 1.5, 0.0, 0.0, 1.0); // 方法1
//    CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); // 方法2
    // 座標點陣列
    CGPoint aPoints[2];
    aPoints[0] = CGPointMake(10.0, 20.0);
    aPoints[1] = CGPointMake((rect.size.width - 10.0), 20.0);
    // 新增線 points[]座標陣列，和count大小
    CGContextAddLines(context, aPoints, 2);
    // 根據座標繪製路徑
    CGContextDrawPath(context, kCGPathStroke);
    
    
    // 畫實線 方法2
    // 線條寬
    CGContextSetLineWidth(context, 5.0);
    // 線條顏色
    CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
    // 起點座標
    CGContextMoveToPoint(context, 10.0, 40.0);
    // 終點座標
    CGContextAddLineToPoint(context, (rect.size.width - 10.0), 40.0);
    // 繪製路徑
    CGContextStrokePath(context);

    
    // 畫虛線
    // 線條寬
    CGContextSetLineWidth(context, 2.0);
    // 線條顏色
    CGContextSetStrokeColorWithColor(context, [UIColor greenColor].CGColor);
    // 虛線
    CGFloat dashArray[] = {1, 4}; // 表示先畫1個點再畫4個點（前者小後者大時，虛線點小且間隔大；前者大後者小時，虛線點大且間隔小）
    CGContextSetLineDash(context, 1, dashArray, 2); // 其中的2表示dashArray中的值的個數
    // 起點
    CGContextMoveToPoint(context, 10.0, 60.0);
    // 終點
    CGContextAddLineToPoint(context, (rect.size.width - 10.0), 60.0);
    // 繪製路徑
    CGContextStrokePath(context);
}


（4）曲線、弧線

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    // 繪製貝塞爾曲線
    // 二次曲線
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, [UIColor orangeColor].CGColor);
    // 起點
    CGContextMoveToPoint(context, 10.0, 10.0);
    // 設定貝塞爾曲線的控制點座標{cp1x,cp1y} 終點座標{x,y}
    CGContextAddQuadCurveToPoint(context, (rect.size.width / 2), 80.0, (rect.size.width - 10.0), 10.0);
    // 繪製前設定顏色
    // 方法1-只有邊框顏色
//    [[UIColor blueColor] setStroke];
//    CGContextStrokePath(context);
    // 方法2-邊框和填充顏色
    [[UIColor blueColor] setStroke];
    [[UIColor yellowColor] setFill];
    CGContextDrawPath(context, kCGPathFillStroke);
    
    
    
    // 三次曲線
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, [UIColor greenColor].CGColor);
    // 起點
    CGContextMoveToPoint(context, 10.0, 200.0);
    // 設定貝塞爾曲線的控制點座標{cp1x,cp1y} 控制點座標{cp2x,cp2y} 終點座標{x,y}
    CGContextAddCurveToPoint(context, 100.0, 0.0, 200.0, 300.0, (rect.size.width - 10.0), 100.0);
    // 繪製前設定顏色
    // 方法1-只有邊框顏色
//    [[UIColor blueColor] setStroke];
//    CGContextStrokePath(context);
    // 方法2-邊框和填充顏色
    [[UIColor greenColor] setStroke];
    [[UIColor yellowColor] setFill];
    CGContextDrawPath(context, kCGPathFillStroke);
}

（5）漸變背景顏色

// 漸變
- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    CGContextClip(context);
    CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();
    CGFloat colors[] = {
        204.0 / 255.0, 224.0 / 255.0, 244.0 / 255.0, 1.00,
        29.0 / 255.0, 156.0 / 255.0, 215.0 / 255.0, 1.00,
        0.0 / 255.0,  50.0 / 255.0, 126.0 / 255.0, 1.00,
    };
    CGGradientRef gradient = CGGradientCreateWithColorComponents(rgb, colors, NULL, sizeof(colors) / (sizeof(colors[0]) * 4));
    CGColorSpaceRelease(rgb);
    CGContextDrawLinearGradient(context, gradient, CGPointMake(0.0,0.0), CGPointMake(0.0, rect.size.height),
    kCGGradientDrawsBeforeStartLocation);
}


相關推薦

KindEditor富文字編輯器【圖片、視訊等功能的富文字編輯器】

官方下載地址：http://kindeditor.net/demo.php 下載外掛： 簡單模式、預設模式富文字編輯器： 預設模式html頁面： <!DOCTYPE html> <html lang="en"> <head>

當需要輸入較長的整數，int型別又不夠長時（如何將字元型別數字轉換為int型別）

1.將需要輸入的長整數以字串型別存入； 2.將整數放入陣列； 3.進行其他操作； public static void main(String[] args) { Scanner a=new Scanner(System.in); String input= a.nextLin

【C++】C++讀取特定路徑下所有檔案//*（資料夾下的所有圖片、文件等）

內容：主要有兩種，一是藉助相關結構體，二是針對檔名排練有序。 一、藉助結構體 1.引用標頭檔案 #include <io.h> #include < fstream> #include < string> 2.適用範圍 沒有限制。

Joomla - 優化（時區、google字型、壓縮圖片、壓縮自定義程式碼）

Joomla - 優化（時區、google字型、壓縮圖片、壓縮自定義程式碼） 一、時區 釋出文章是往往會發現釋出時間和當前時間對不上，原因是 Joomla 用的是國際標準時間，和中國時區大約相差8小時，想要解決此問題，只要在後臺全域性配置中修改時區即可 改為亞洲的時區   二、go

App啟動時三種效果（黑屏白屏、背景圖片、延遲載入）

最近做專案時，發現了一個問題： （1）有些應用點選後需要反應一會然後進入主頁如：微信、中國工商銀行 （2）有些應用點選後出來一個黑屏或白屏，閃一下然後進入主頁如：銀聯錢包 （3）有些應用點選後立刻出來

QMUI-Android的一些嘗試（圓形進度條、Loading、圓形圖片、圓形按鈕、橢圓圖片）

最近在看騰訊QMUI庫，覺得有很多地方可以值得借鑑的…… 佈局檔案： <com.qmuiteam.qmui.widget.QMUITopBar android:id="@+id/topB

RadioButton去掉小圓圈、設定圖片、文字居於圖片下方

去掉小圓圈： 在RadioButton中設定程式碼 android：button="@null" 即可去掉RadioButton前面的小圓圈。 只設置RadioButton的圖片： android:background=""設定RadioButton的圖片，並將

給定一個字串，去重（重複的字元只保留第一次出現的）

原始碼（c++）： #include <iostream> #include <string> using namespace std; int main(){ string str; cin>>str; int

Python視覺化中Matplotlib(3.線條的詳細樣式及線性、儲存圖片、plot的詳細風格和樣式)、背景色、點和線的詳細設定

1.修改線條的樣式： linestyle、color、marker(標記) ''' 顏色 color:修改顏色，可以簡寫成c 樣式 linestyle='--' 修改線條的樣式 可以簡寫成 ls 標註 marker : 標註 線寬 linewidth: 設

使用Glide載入、快取圖片、Gif、解決背景出現淺綠色、GlideModules衝突

之前一直使用Volley ImageLoader、或者Picasso，無意間發現Glide，覺得真的是棒棒的。 1、和其他的一樣在Module的build.gradle中新增依賴 compile 'com.github.bumptech.glide:glide:3.7.0' comp

css3圓角、邊界圖片、盒子陰影、背景大小、填充位置、定位位置、背景顏色漸變

1. css3圓角：border-radius （1）這是個複合屬性：比如：border-radius：10px； == border-radius：10px 10px 10px 10px;對應的四個角：左上角，右上角，右下角，左下角 == 四個值分別對應：border

PB儲存圖片、讀取圖片、顯示圖片

選擇要儲存的圖片 string ls_pathname, ls_filename integer li_value li_value = getfileopenname("選擇照片", + ls_pathname, ls_filename, "圖片檔案","jpg f

微信小程式生成二維碼、生成圖片、儲存圖片到本地相簿

<!--畫布遮罩--> <!--生成二維碼的畫布--> <canvas canvas-id="myCanvas" style='width:{{ercode_canvasWidth}}px;height:{{ercode_canvasHeight

Excel單元格內插入圖片（VBA建立函式，根據圖片名稱批量插入）

1. 在桌面建立素材資料夾“相簿”存放要插入的圖片，Excel“花”為待插入的Excel表。2. “花”表格內容佈局如下 3. 建立VBA函式（sheet1-->右鍵-->檢視程式碼-->將如下程式碼複製進來-->儲存）Sub 插入圖形應用() Fo

drawRect的繪製的使用（繪製文字字元、繪製圖片、繪製圖形）

通過重寫UIView的drawRect方法進行繪製使用，如繪製文字字元、繪製圖片、繪製圖形等。 在iOS中使用drawRect繪圖一般分為以下5個步驟： 1、獲取繪圖上下文 CGContextRef context = UIGraphicsGetCurrentContext

Qt自定義控制元件的建立與初步使用（二）之圖片上繪製文字、箭頭、曲線

本文目的：編輯自定義控制元件的介面ui，並在圖片上添文字、箭頭、曲線、開啟、儲存等功能。並說明了如何去使用這個編輯好的ui介面控制元件！ 上次簡單的說明了如何去建立Qt自定義控制元件，當時還是對其瞭解不夠深刻，現在看來，QT自定義控制元件就是你事先把介面寫好（一般基於QWi

HTML5_canvas（設定畫筆樣式、左右跑動的小塊、繪製路徑的方法、寫字板、繪製圓形的方法、吃豆豆、繪製文字、環形進度條）設定一個模板

1、canvas（相當於畫圖板） 這句話是必須寫的 在版本高的瀏覽器中支援就不會顯示出來，版本低的就會顯示出 —->寬高樣式直接在裡面寫；（預設寬度300，高度150）  設定畫筆樣式

ID3的REP（Reduced Error Pruning）剪枝程式碼詳細解釋+周志華《機器學習》決策樹圖4.5、圖4.6、圖4.7繪製

處理資料物件:離散型資料 資訊計算方式：熵 資料集：西瓜資料集2.0共17條資料 訓練集（用來建立決策樹）：西瓜資料集2.0中的第1,2,3,6,7,10,14,15,16,17,4 請注意，書上說是10條，其實是上面列出的11條。 驗證集（用來對決策樹剪枝）：西瓜資料集2.0中的5,8

Quartz 2d 用CGContextRef 繪製各種圖形 (文字、圓、直線、弧線、矩形、扇形、橢圓、三角形、圓角形、貝塞爾曲線、圖片)

首先了解下 CGContextRef  Graphics Context是圖形上下文，可以將其理解為一塊畫布，我們可以在上面進行繪畫操作，繪製完成後，將畫布放到我們的View 中顯示即可，View看著是一個畫框。 自己學習時實現的Demo,希望對大家有幫助，具體的實現看程式碼，並有

MATLAB三維散點圖的繪製（scatter3、plot3），同時標明序號

（1）函式scatter3   用法：scatter3(x,y,z,'.',c) % c 為顏色，需和x,y,z長度相同   例子： x=[4229042.63      4230585.02&nbs