利用Quartz2D--context绘制矩形

//获取上下文
    CGContextRef context =UIGraphicsGetCurrentContext();
    //线条加粗

CGContextSetLineWidth(context , 5);

//创建路径并获取句柄

CGMutablePathRef path =CGPathCreateMutable();
    //制定矩形
    CGRect rectangle =CGRectMake(10.0f, 10.0f, 200.0f, 300.0f);
    //将矩形添加到路径中
    CGPathAddRect(path, NULL, rectangle);
    CGContextAddPath(context, path);
    //填充矩形颜色
    //填充边框颜色
    [[UIColor brownColor]setStroke];
    //全部填充颜色
    [[UIColor yellowColor]setFill];
    //边框宽度
    CGContextSetLineWidth(context, 5.0f);
    //绘制
    CGContextDrawPath(context, kCGPathEOFillStroke);

CGPathRelease(path);

时间： 2024-12-20 02:01:09

利用Quartz2D--context绘制矩形的相关文章

3. Quartz2D 绘制矩形、圆形、弧形

#pragma mark 绘制圆弧 -(void) drawArc:(CGContextRef)context{ //1.设置路径 /** 1)context 上下文 2)x,y 圆弧所在圆的中心点坐标 3)radius 半径 4)startAngle endAngle起始角度和截止角度,单位是弧度 0度 对应圆的最右侧点 5)clockwise 顺时针或逆时针 */ CGContextAddArc(context, 160, 230, 100, -M_PI_2, M_PI_2, 1); //2

Canvas入门（1）：绘制矩形、圆、直线、曲线等基本图形

来源:http://www.ido321.com/968.html 一.Canvas的基础知识 Canvas是HTML 5中新增的元素,专门用于绘制图形.canvas元素就相当于一块"画布",一块无色的透明区域.须要利用JavaScript编写在当中进行绘画的脚本. 在页面放置canvas元素非常easy.利用<canvas>标签.同一时候指定几个主要的属性:id,width和height.接下来通过几个小案例,跟我入门canvas吧~~~^_^~~~ 二.Canvas小案

html5 canvas绘制矩形和圆形

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body onload="draw(),drawarc()"> <!--绘制的步骤:获取canvas元素->取得上下文->填充与绘制边框->设定绘图样式--> <!--绘制其他复杂图

绘制矩形

1.与矩形有关的方法:fillRect()    strokeRect()   clearRect()  这三个方法都能接受四个参数:矩形的x坐标,矩形的y坐标,矩形的宽度和矩形的高度:单位都是像素 2 //绘制红色矩形.   填充为红色:从点(10,10)开始绘制矩形,宽和高均为50像素, context.fillStyle="#ff0000"; context.fillRect(10,10,50,50); //绘制蓝色矩形 然后填充被设置成了半透明的蓝色  从点(30,30)开始绘

HTML5 在canvas中绘制矩形

作者:卿笃军 原文地址:http://blog.csdn.net/qingdujun/article/details/32930501 一.绘制矩形 canvas使用原点(0,0)在左上角的坐标系统,x坐标向右递增,y坐标向下递增. 使用绘图环境的矩形绘制函数来绘制矩形. fillRect(x,y,width,height) : 绘制一个实心的矩形. strokeRect(x,y,width,height) : 绘制一个空心的矩形. clearRect(x,y,width,height) : 清

[HTML5 Canvas学习]绘制矩形

1.使用strokeRect和fillRect方法绘制矩形 a.strokeRect是绘制一个不填充的矩形 b.fillRect是绘制一个填充的矩形 代码: <script> var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'); context.lineJoin = 'round'; context.lineWidth = 20; context.strokeRect(10, 10,

canvas 绘制 矩形 圆形

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title></head><body> <!-- canvas的width/height默认都是300 --> <canvas id="fillRect" width="100" height=&qu

在android 自定义listView中绘制矩形

我想在android 在listview中绘制自定义的形状,我在网上找了代码但是没有运行通过,我现在有一个可以绘制矩形的 DrawView.java类,我想在我的自定义listView中展示这个对象. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 DrawView.java package com.example.h

canva基本使用和绘制矩形

1:canvas元素及基本定义与使用: <canvas id="test" width="400" height="400"></canvas> if(test.getContext) //判断是否有画笔 { var cdx = test.getContext("2d");//代表2d绘图 } 2:###canvas绘制矩形 HTML中的元素canvas只支持一种原生的图形绘制:矩形.所有其他的图形的绘

利用d3.js绘制中国地图

d3.js是一个比较强的数据可视化js工具.利用它画了一幅中国地图,如下图所示: 源码如下: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="d3.js"></script> <script type="text/javascript" src="d3.csv.js">&l