swing 绘制放射渐变

2024-08-03

Java基础之在窗口中绘图——渐变填充（GradientApplet 1）

Applet程序. import javax.swing.*; import java.awt.*; import java.awt.geom.*; @SuppressWarnings("serial") public class GradientApplet extends JApplet { // Initialize the applet @Override public void init() { GradientPane pane = new GradientPane();

【原创】CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记（5）使用放射渐变制作光影效果

阴影效果通常用来表现光线投射在物体上的感觉,如果想制作一个如图5.19所示的文字光影效果,就可以使用背景的线性渐变进行构建. 图5.19可以看到有类似光束照射文字的效果,很好地突出了文字.这实现起来很简单,只需要对文字居中,对背景元素设置从中心发散的放射渐变即可,代码如下: // HTML代码 <div class="box">赞</div> // CSS代码: .box{ width: 200px; height: 200px; font-size: 80px

CSS3-canvas绘制线性渐变

<!doctype html><html><head><meta charset="utf-8"><title>canvas绘制线性渐变-高级函数</title></head> <body onLoad="draw('canvas')"><canvas id="canvas" width="1300" height="

Android渲染器Shader：环状放射渐变渲染器RadialGradient（三）

Android渲染器Shader:环状放射渐变渲染器RadialGradient(三) Android RadialGradient渲染器提供一种环状.发散.放射形状的渐变渲染器. 写一个例子: package zhangphil.demo; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint;

绘制窗体渐变背景的函数[delphi]

绘制窗体渐变背景的函数,三个参数分别代表起始颜色,终止颜色,绘制方向procedure TForm1.Draw(StartColor:TColor;EndColor:TColor;Direction:Integer);vari:Integer;Dct:TRect;c1,c2,c3:byte;beginif Direction=0 thenbeginfor i:=0 to self.Width-1 dobeginc1:=GetRValue(StartColor)+Trunc(i*(GetRValu

Qt 2D绘图之一：基本图形绘制和渐变填充

Qt中提供了强大的2D绘图系统,可以使用相同的API在屏幕和绘图设备上进行绘制,它主要基于QPainter.QPaintDevice和QPaintEngine这三个类.它们三者的关系如下图所示: QPainter用来执行绘图操作: QPaintEngine提供了一些接口,可以用于QPainter在不同的设备上进行绘制: QPaintDevice提供绘图设备,它是一个二维空间的抽象,可以使用QPainter在其上进行绘制. 绘图系统中由QPainter来完成具体的绘制操作,提供了大量髙度优化的函数

放射渐变RadialGradient

public RadialGradient(float centerX, float centerY, float radius, int[] colors, float[] stops, TileMode tileMode) { throw new RuntimeException("Stub!"); } public RadialGradient(float centerX, float centerY, float radius, int centerColor, int edg

asp.net GDI+绘制矩形渐变

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Drawing; using System.Drawing.Drawing2D; public partial class _Default : System.Web.UI.Page { prot

OpenGL绘制环形渐变

开始看计算机图形学和OpenGL,挺有意思就自己随便写了一些效果. 以中间点坐标为圆心,计算每一点和圆心距离,根据距离算出一个RGB值,于是整体便呈现环形分布. 代码如下: #include <math.h> #include <GL/glut.h> void init() { glClearColor(0.0, 0.0, 0.0, 0.0); glMatrixMode(GL_PROJECTION); gluOrtho2D(0.0, 600.0, 0.0, 600.0); } vo

Matlab分布云图绘制（渐变彩色）

方法1. 函数:fill 举例说明:应力分布云图 x=[0 1 1 0 0]; %x坐标 y=[0 0 1 1 0]; %y坐标 stress=[1 2 3 4 1] %应力大小 fill(x,y,stress); %填充 shading interp; %色彩平滑 colorbar; %分布柱图 axis equal; %坐标轴相等 ***

iOS 动画绘制线条颜色渐变的折线图

效果图 .................... 概述现状折线图的应用比较广泛,为了增强用户体验,很多应用中都嵌入了折线图.折线图可以更加直观的表示数据的变化.网络上有很多绘制折线图的demo,有的也使用了动画,但是线条颜色渐变的折线图的demo少之又少,甚至可以说没有.该Blog阐述了动画绘制线条颜色渐变的折线图的实现方案,以及折线图线条颜色渐变的实现原理,并附以完整的示例. 成果本人已将折线图封装到了一个UIView子类中,并提供了相应的接口.该自定义折线图视图,基本上可以适用于大部分

Canvas绘制渐变

1.绘制线性渐变 Canvas提供了用于创建线性渐变的函数createLinearGradient(x0,y0,x1,y1),坐标点(x0,y0)是起点 ,(x1,y1)是终点创建一个渐变色 var gradient=createLinearGradient(0,0,300,0); 定义渐变色颜色 ctx.addColorStop(stop,color); ctx.addColorStop(0,"#f00"); ctx.addColorStop(1,"#00f")

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

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

iOS：quartz2D绘图（绘制渐变图形）

quartzD可以用来绘制渐变图形,即图形向外或向内发散,会变得越来越模糊. 渐变分为线性渐变和径向渐变,所谓线性渐变,就是图形以线的方式发散,发散后一般呈现出矩形的样子:而径向渐变,就是以半径的大小往外或往内发散,发散后呈现出圆形的样子. 渐变系数:0.0~1.0 渐变模式:可以进行与操作 kCGGradientDrawsBeforeStartLocation = (1 << 0), //向内渐变 kCGGradientDrawsAfterEndLocation = (1 <<

canvas渐变

代码: 1 /** 2 * Created by Administrator on 2016/1/29. 3 */ 4 function draw(id){ 5 var canvas = document.getElementById(id); 6 var context = canvas.getContext("2d"); 7 // var grd = context.createLinearGradient(0,0,300,0); 8 var grd = context.creat

用HTML5绘制的一个星空特效图

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用HTML5绘制的一个星空特效图</title> <style> canvas{ display: block;border:1px dotted skyblue; } body{ font-family: 微软雅黑; } </style&

Android渐变GradientDrawable叠加组合环ring

Android渐变GradientDrawable叠加组合环ring 写一个Android环形shape之间的叠加组合形成新图像的例子.代码: <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape andr

Notes:SVG(3)---滤镜和渐变

SVG滤镜使用filter标签来定义,该标签必须嵌套在defs元素里面,并且必须指定一个ID,以供引用. 在 SVG 中,可用的滤镜有: feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting feDisplacementMap feFlood feGaussianBlur feImage feMerge feMorphology feOffset feSpecularLig

iOS 2D绘图 (Quartz2D)之阴影和渐变(shadow，Gradient)

原博地址:http://blog.csdn.net/hello_hwc/article/details/49507881 Shadow Shadow(阴影) 的目的是为了使UI更有立体感,如图 shadow 主要有三个影响因素 x off-set 决定阴影沿着X的偏移量 y off-set 决定阴影沿着y的偏移量 blur value 决定了阴影的边缘区域是不是模糊的其中不同的blur效果的图注意: shadow也是和绘制状态相关的,意味着如果仅仅绘制一个subPath的shadow,注意s

CSS3学习（圆角、图片、阴影、背景、渐变、文本、字体、2D、3D、过渡等）

matrix CSS3 1. 圆角 border-radius:边框圆角的圆角半径四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角. 三个值:第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角两个值:第一个值为左上角与右下角,第二个值为右上角与左下角一个值:四个圆角值相同 2.图片 border-image:有了CSS3的border-image属性,你可以使用图像创建一个边框:border-image属性允许你指定一个图片作为边框! 用于创建上

Quartz2D 编程指南（三）渐变、透明层、数据管理

概览图形上下文路径颜色与颜色空间变换图案阴影渐变透明层 Quartz 2D 中的数据管理位图与图像遮罩 CoreGraphics 绘制 Layer 渐变简介渐变是从一个颜色到另外一种颜色的填充 Quartz 提供了 CGShadingRef 和 CGGradientRef 来创建轴向或径向渐变. 轴向渐变(也称为线性渐变)沿着由两个端点连接的轴线渐变.所有位于垂直于轴线的某条线上的点都具有相同的颜色值. 径向渐变也是沿着两个端点连接的轴线渐变,不过路径通常由两个圆来定义.

swing 绘制放射渐变

热门专题