- 浏览: 2479119 次
- 性别:
- 来自: 苏州
文章分类
最新评论
-
jsntghf:
peio 写道这个怎么运行?Ruby On Rails的环境搭 ...
多文件上传之uploadify -
peio:
这个怎么运行?
多文件上传之uploadify -
往事如烟1:
我的项目是自己init了一个原始的project,之后将ver ...
React Native热部署之CodePush -
jsntghf:
往事如烟1 写道我按照你的说明进行,发现app退出之后,在进入 ...
React Native热部署之CodePush -
往事如烟1:
我按照你的说明进行,发现app退出之后,在进入不正确,请问是什 ...
React Native热部署之CodePush
以前,写过一篇文章:图片圆角显示,这篇文章中的方法,可以将图片的四个角设置成圆角显示,如果将cornerRadius的值设置为图片宽度的一半,显示的则为圆图,本文提供了另一种将方图转成圆图的实现。
核心代码如下:
- (void)drawRect:(CGRect)rect { // Image rect CGRect imageRect = CGRectMake((self.borderWidth), (self.borderWidth), rect.size.width - (self.borderWidth * 2), rect.size.height - (self.borderWidth * 2)); // Start working with the mask CGColorSpaceRef maskColorSpaceRef = CGColorSpaceCreateDeviceGray(); CGContextRef mainMaskContextRef = CGBitmapContextCreate(NULL, rect.size.width, rect.size.height, 8, rect.size.width, maskColorSpaceRef, 0); CGContextRef shineMaskContextRef = CGBitmapContextCreate(NULL, rect.size.width, rect.size.height, 8, rect.size.width, maskColorSpaceRef, 0); CGColorSpaceRelease(maskColorSpaceRef); CGContextSetFillColorWithColor(mainMaskContextRef, [UIColor blackColor].CGColor); CGContextSetFillColorWithColor(shineMaskContextRef, [UIColor blackColor].CGColor); CGContextFillRect(mainMaskContextRef, rect); CGContextFillRect(shineMaskContextRef, rect); CGContextSetFillColorWithColor(mainMaskContextRef, [UIColor whiteColor].CGColor); CGContextSetFillColorWithColor(shineMaskContextRef, [UIColor whiteColor].CGColor); // Create main mask shape CGContextMoveToPoint(mainMaskContextRef, 0, 0); CGContextAddEllipseInRect(mainMaskContextRef, imageRect); CGContextFillPath(mainMaskContextRef); // Create shine mask shape CGContextTranslateCTM(shineMaskContextRef, -(rect.size.width / 4), rect.size.height / 4 * 3); CGContextRotateCTM(shineMaskContextRef, -45.f); CGContextMoveToPoint(shineMaskContextRef, 0, 0); CGContextFillRect(shineMaskContextRef, CGRectMake(0, 0, rect.size.width / 8 * 5, rect.size.height)); CGImageRef mainMaskImageRef = CGBitmapContextCreateImage(mainMaskContextRef); CGImageRef shineMaskImageRef = CGBitmapContextCreateImage(shineMaskContextRef); CGContextRelease(mainMaskContextRef); CGContextRelease(shineMaskContextRef); // Done with mask context CGContextRef contextRef = UIGraphicsGetCurrentContext(); CGContextSaveGState(contextRef); CGImageRef imageRef = CGImageCreateWithMask(self.image.CGImage, mainMaskImageRef); CGContextTranslateCTM(contextRef, 0, rect.size.height); CGContextScaleCTM(contextRef, 1.0, -1.0); CGContextSaveGState(contextRef); // Draw image CGContextDrawImage(contextRef, rect, imageRef); CGContextRestoreGState(contextRef); CGContextSaveGState(contextRef); // Clip to shine's mask CGContextClipToMask(contextRef, self.bounds, mainMaskImageRef); CGContextClipToMask(contextRef, self.bounds, shineMaskImageRef); CGContextSetBlendMode(contextRef, kCGBlendModeLighten); CGContextDrawLinearGradient(contextRef, [self alphaGradient], CGPointMake(0, 0), CGPointMake(0, self.bounds.size.height), 0); CGImageRelease(mainMaskImageRef); CGImageRelease(shineMaskImageRef); CGImageRelease(imageRef); // Done with image CGContextRestoreGState(contextRef); CGContextSetLineWidth(contextRef, self.borderWidth); CGContextSetStrokeColorWithColor(contextRef, self.borderColor.CGColor); CGContextMoveToPoint(contextRef, 0, 0); CGContextAddEllipseInRect(contextRef, imageRect); // Drop shadow CGContextSetShadowWithColor(contextRef, self.shadowOffset, self.shadowBlur, self.shadowColor.CGColor); CGContextStrokePath(contextRef); CGContextRestoreGState(contextRef); }
示例图:
- AGMedallionView-master.zip (414 KB)
- 下载次数: 17
发表评论
-
Error watching file for changes: EMFILE
2016-12-15 11:57 1240执行npm start后报错: Error watc ... -
CocoaPods升级1.1.1报错
2016-12-15 08:39 743ERROR: While executing gem .. ... -
Visual Studio Code运行React Native报错
2016-06-13 09:43 1562React Native:0.27.2 React:15 ... -
React Native 0.27.2编译报错this._nativeModule.addListener is not a function
2016-06-12 15:21 3797React Native:0.27.2 React:15 ... -
Unable to resolve module ReactDefaultPerf from
2016-06-02 13:04 2736package.json信息如下: "reac ... -
React Native 0.26.2编译报错Undefined symbols for architecture x86_64
2016-05-26 11:15 1952React Native:0.26.2 React:15. ... -
Failed to update auto layout status: Failed to load designables from path (null)
2016-04-05 22:11 1671确保CocoaPods是0.36.1以上版本,然后在podf ... -
集成微信支付出现Undefined symbols for architecture x86_64错误
2016-03-21 13:22 1687Undefined symbols for architec ... -
React Native热部署之CodePush
2016-01-10 22:27 6136本文使用的环境是Mac OS 10.11.1、Xcode ... -
浅谈React Native中的FlexBox布局
2015-11-17 18:38 4275React Native通过一个基于FlexBox的布局引 ... -
React Native之构建一个简单的列表页
2015-10-23 14:45 2101本文中我们将创建一个简单的电影应用,这个应用将从Rotten ... -
React Native之环境搭建
2015-10-20 16:30 1396本文使用的环境是Mac O ... -
获取图片属性的方法
2015-10-18 20:43 3085很多时候我们需要获 ... -
NSCache的下标用法
2015-09-18 00:19 1173NSCache类和NSDictionary类很相似,也提供 ... -
如何给category添加属性
2015-08-16 10:41 646主要是使用了runtime中的associative机制。 ... -
UITableView的两种重用Cell方法的区别
2015-08-10 13:07 16069UITableView中有两种重用Cell的方法: - ... -
SDImageCache.m报错Unused variable 'fileName'
2015-08-04 21:56 1137GCC手册中的相关解释: unused:This att ... -
Swift调用Objective-C
2015-07-13 23:33 1180Swift调用Objective-C需要一个名为<工程 ... -
使用GCD实现倒计时
2015-07-24 21:47 1048__block int timeout = 60; // ... -
导航栏加分割线的实现
2015-07-01 22:00 1695self.view.backgroundColor = [U ...
相关推荐
glide-transformations实现多种item效果,一个提供各种图像转换的安卓转换库,
将一个方形的图片裁剪成一个圆形的图片进行展示。
基本图形,色彩填充及使用,屏幕操作, 图形动画,圆形精美图,直线精美图案,心形图案,钻石图案,雪花,直线、正方形综合,图形时钟,火箭发射,跳动的小球,旋转的五角星,变化的同心圆,小球碰撞,鼠标绘图,...
将图像转换为圆角图像 安装 npm install --save react-rounded-image 用法 import React , { Component } from "react" ; import ReactRoundedImage from "react-rounded-image" ; import MyPhoto from "./images/me...
1、快速制作圆角图、倒影图、阴影图、水印图 2、快速裁切图片,自动比例处理 3、转换图片格式、优化压缩图片文件尺寸 4、为图片添加各类样式水印、及其他元素 5、快速桌面、应用程序、摄象头截图直接制作 6、支持...
如果将地图元素(例如,图例)转换为图形,便能够更轻松地编辑它们的属性和位置。同时还可以对齐和排列多个图形或者在页面上将一个图形移动到另一个图形的上方或下方。图形的优点之一就是方便同时对不同类型的几何...
用Qt鼠标事件实现基本几何图形的绘制,支持直线、矩形、圆形、椭圆。后期可以在此基础上进行扩展。使用QGraphics完成。 本示例使用QGraphics体系来实现,因为要移动对象,所以生成的图形必须是一个单独的对象,鼠标...
Halcon图像旋转不被剪切,分为单通道图像和三通道彩色图像;将原始图像放在最小外接圆的外接正方形的画布上,中心对中心的仿射变换使原始图像无论怎么旋转都不会被窗口剪切
提问:同学们认为哪个图形与众不同,请根据图形特点将这些图形分成两类。 学生:讨论、思考分类。请两位同学到白板上将图形分类,使用白板拖动功能,将任意图形 拖拽到任意位置。 教师:与全班同学共同讨论操作结果...
2 - 将图像从 (RGB) 彩色图像转换为灰色图像。 3 - 阈值图像(将灰度图像转换为二值图像)。 4 - 反转二进制图像(以加快处理时间)。 5 - 找到边界集中。 6 - 确定形状属性(尺寸比、圆度)。 7-根据形状属性对...
NULL 博文链接:https://liuqun-567.iteye.com/blog/1501767
零操作多用途制作,快速自动生成圆角图片、多边形图片、为图片加水印、转换图片格式、压缩图片尺寸,全部支持批量操作。完全本地化的软件操作使用,不用上传到网络制作以避免原始图片素材的流失,保证你原始图片的...
图形学大作业----内容 一、主菜单的菜单项 基本图形绘制、图形变换、自由曲线绘制、图形裁剪、图形填充 二、二级子菜单(基本图形绘制) 1.直线绘制: 1)Bresenham绘制直线 2)DDA绘制直线 3)改进的Bresenham绘制...
首先利用区域图像计算偏心率,用自适应确定同心圆的圆心,以此为极点将图像转至极坐标域,利用形态学的小尺度方形结构算子及图像的黑TOP-HAT变换补得到去除噪声后的滤波图像;其次利用给定方向上相距固定距离的点对腐蚀...
java正方形图片转换圆角图片_去除黑边 圆角外透明,实测可以运行,需要改变一下目录路径即可
程序可计算圆形、长方形、正方形的面 积,运行时先提示用户选择图形的类型,然后,对圆形要求用户输入半径值,对长方形用户输入长和宽的值,对正方形要求用户输入边长的值,计算出面积的值后将其显示出来。...
绘制正方形、圆形、五角星三个图形,利用鼠标选中某个图形进行移动,键盘控制缩放和旋转。
接着将生成的分形集分割为4×4的小图像块,将其转换为圆盘后进行旋转;再将旋转后的图像块重新变换为4×4正方形块,得到固定可通用的数据字典。扩充了原有的几何变换类型,打破了图像与字典之间的一一对应关系。实验...
姓名横排转竖功能 【 这个也是自己用的,有时候会有将横排的名字转为竖列的需求,源文档里面会有各种圆圈或者方框的符号,或者括号和数字又或者是看不到的特殊符号,在这里处理会自动去除,可以自行设置两个字的名字...
imageWithNonSqrPix 模仿内置函数“image”的高级形式,但它显示具有非方形像素(圆盘、六边形、八边形、菱形)的图像对象。 您可以指定像素的形状和用于对齐它们的图案。 运行演示以更好地理解该概念。...