利用Quartz2D-contex绘制三角形

//获取上下文

CGContextRef context =UIGraphicsGetCurrentContext();

//线条加粗

CGContextSetLineWidth(context , 5);

//设置背景颜色
    [[UIColor grayColor]set];
    UIRectFill([self bounds]);
    //利用path进行绘制三角形
    //标记
    CGContextBeginPath(context);
    //设置起点
    CGContextMoveToPoint(context, 2, 50);
    //指定的点
    CGContextAddLineToPoint(context, 165, 50);
     CGContextAddLineToPoint(context, 165, 155);
    //路径结束标志,默认封闭
    CGContextClosePath(context);
    //填充颜色,setFill全部填充
    [[UIColor greenColor]setFill];
    //设置边框颜色 setStroke边框
    [[UIColor brownColor]setStroke];
    //绘制路径path

CGContextDrawPath(context, kCGPathEOFillStroke);

时间: 2024-11-06 16:43:15

利用Quartz2D-contex绘制三角形的相关文章

Quartz2D-contex绘制三角形

//获取上下文 CGContextRef context =UIGraphicsGetCurrentContext(); //线条加粗 CGContextSetLineWidth(context , 5); //设置背景颜色    [[UIColor grayColor]set];    UIRectFill([self bounds]);    //利用path进行绘制三角形    //标记    CGContextBeginPath(context);    //设置起点    CGCont

CSS用border绘制三角形

使用border绘制三角形的思路,就是border值设置一个很大的值,元素自身的宽高设置为0,全部由边线占据,这样每边就会显示为四分之一块的三角形.这样不借助图片,可以直接绘制出三角形了. 一个栗子: <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

CSS绘制三角形—border法

1. 实现一个简单的三角形 使用CSS盒模型中的border(边框)即可实现如下所示的三角形: CSS实现简单三角形 实现原理: 首先来看在为元素添加border时,border的样子:假设有如下代码: <div></div> div { width: 50px; height: 50px; border: 2px solid orange; } 效果图: border的一般使用 这是我们平常使用border最普遍的情况——往往只给border一个较小的宽度(通常为1-2px):然

纯CCS绘制三角形箭头图案

用CSS绘制三角形箭头.使用纯CSS,你只需要很少的代码就可以创作出各种浏览器都兼容的三角形箭头! CSS代码: /* create an arrow that points up */ div.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; /* left arrow slant */ border-right: 5px solid transparent; /* right arrow slant */

绘制三角形矩形

/**绘制三角形*/ CGContextRef contextRef=UIGraphicsGetCurrentContext(); CGContextMoveToPoint(contextRef, 100, 100); CGContextAddLineToPoint(contextRef, 100, 200); CGContextAddLineToPoint(contextRef, 200, 200); CGContextMoveToPoint(contextRef, 100, 100); CG

Android OpenGL入门示例:绘制三角形和正方形 (附完整源码)

Android上对OpenGl的支持是无缝的,所以才有众多3D效果如此逼真的游戏,在Camera的一些流程中也有用到GLSurfaceView的情况.本文记录OpenGL在Android上的入门级示例,绘制一个三角形和正方形.尽管功能简单,可是我捣腾了好几个晚上,大量网上文章上的代码都有点问题,不是绘制不出来就是挂了. 第一个文件:MainActivity.java package com.example.learnopengl1; import android.opengl.GLSurface

利用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

纯CSS绘制三角形

使用CSS绘制三角形 正三角形的绘制: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>正三角形</title> 6 <style type="text/css"> 7 #triangle-up { 8 width: 0; 9 height: 0; 10

利用d3.js绘制雷达图

利用d3,js将数据可视化,可以做到数据与代码的分离,方便以后修改数据. 这次利用d3.js绘制了一个五维的雷达图,即将多个对象的五种属性在一张图上对比. 数据写入data.csv.数据类型写入type.csv文件. 效果如下图所示 源码连接:http://download.csdn.net/detail/svap1/7358123 使用是只需调用 radar()函数即可,如下是测试页面代码. <!DOCTYPE html> <html> <head> <meta