绘制渐变背景代码

- (void)drawRect:(NSRect)dirtyRect {

[super drawRect:dirtyRect];

NSGradient *backgroundGradient = [[NSGradient alloc] initWithStartingColor:[NSColor colorWithDeviceRed:239.0/255.0 green:239.0/255.0 blue:239.0/255.0 alpha:1.0] endingColor:[NSColor colorWithDeviceRed:239.0/255.0 green:239.0/255.0 blue:239.0/255.0 alpha:1.0]];

[backgroundGradient drawInRect:[self bounds] angle:90.0];

// Drawing code here.

}

时间: 2024-10-10 16:31:46

绘制渐变背景代码的相关文章

CSS渐变背景的6个演示代码

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS渐变背景的6个演示代码 - 石家庄瑜伽老师培训</title> <script> var setGradient = (function(){ var p_dCanvas = document.createElement('canvas'); var p_useCanvas = !!( typeof(p_d

CSS3可视化渐变背景颜色代码生成插件

这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件.你可以通过调节界面上给出的颜色.色相.饱和度和亮度滑块,以及渐变方向滑块来生成各种线性渐变,屏幕上会给出相应的CSS3线性渐变代码. 在线演示:http://www.htmleaf.com/Demo/201502221407.html 下载地址:http://www.htmleaf.com/css3/css3donghua/201502221406.html

渐变背景(background)效果

chrom and Safari浏览器: webkit核心的浏览器,使用CSS3渐变方法(css-gradient) -webkit-gradient(type, start_point, end_point, / stop...) -webkit-gradient(type, inner_center, inner_radius, outer_center, outer_radius, / stop...) background: -webkit-gradient(linear,0 0,0 1

CSS实现兼容性的渐变背景(gradient)效果

一.有点俗态的开场白 要是两年前,实现“兼容性的渐变效果”这个说法估计不会被提出来的,那个时候,说起渐变背景,想到的多半是IE的渐变滤镜,其他浏览器尚未支持,但是,在对CSS3支持日趋完善的今天,实现兼容性的渐变背景效果已经完全成为可能,本文就将展示如何实现兼容性的渐变背景效果.在众多的浏览器中,目前不支持Opera浏览器. 本文实例效果都是同样的效果,就是垂直渐变,起始颜色红色,结束颜色蓝色,结束的蓝色的透明度是0.5. 二.IE浏览器下的渐变背景 IE浏览器下渐变背景的使用需要使用IE的渐变

JS配合CSS实现的漂亮渐变背景特效6个实例

<html> <head> <title>JS配合CSS实现的漂亮渐变背景特效6个实例|kiddy官网|河北运动地板</title> <script> var setGradient = (function(){ var p_dCanvas = document.createElement('canvas'); var p_useCanvas = !!( typeof(p_dCanvas.getContext) == 'function'); v

Canvas3——绘制渐变图形与绘制变形图形

1.Canvas绘制渐变图形 (1)绘制线性渐变 createLinearGradient() **CanvasRenderingContext2D**.createLinearGradient()方法创建一个沿参数坐标指定的直线的渐变.该方法返回一个线性 CanvasGradient对象. CanvasGradient _ctx_.createLinearGradient(x0, y0, x1, y1); 参数 x0 起点的 x 轴坐标. y0 起点的 y 轴坐标. x1 终点的 x 轴坐标.

第161天:CSS3实现兼容性的渐变背景(gradient)效果

CSS实现兼容性的渐变背景(gradient)效果 一.有点俗态的开场白 在对CSS3支持日趋完善的今天,实现兼容性的渐变背景效果已经完全成为可能,本文就将展示如何实现兼容性的渐变背景效果.在众多的浏览器中,目前不支持Opera浏览器. 本文实例效果都是同样的效果,就是垂直渐变,起始颜色红色,结束颜色蓝色,结束的蓝色的透明度是0.5. 二.IE浏览器下的渐变背景 IE浏览器下渐变背景的使用需要使用IE的渐变滤镜.如下代码: filter: progid:DXImageTransform.Micr

Ps制作菱形炫酷渐变背景

step1:选好前景色背景色(明度不同的灰) step2:滤镜/渲染/云彩 step3:滤镜/像素化/马赛克 step4:复制一层 step5:分别斜切 step6:加一层渐变背景 step7:上面两层图层混合模式改为强光 为什么没有图片说明呢,因为只要我自己知道就可以了-

[html5] 学习笔记-Canvas 绘制渐变图形与绘制变形图形

在 HTML5 中,使用 Canvas API 绘制图形的知识,可以对绘制图形进行处理,包含使用 Canvas API 绘制渐变图形,使用 Canvas API 的坐标轴变换处理功能绘制变形图形.其中,左上方的点,为坐标轴原点(0,0). 1.绘制渐变图形 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script> 6 function draw(id){ 7 va