com.flashvan.Graphic类

最新推荐文章于 2024-04-08 10:29:56 发布
最新推荐文章于 2024-04-08 10:29:56 发布
阅读量2.1k 收藏
点赞数
分类专栏： flash 文章标签： math function object matrix flash distance
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/flashvan/article/details/98611
版权 
// ***********************************************************************************************
// 			                      ______
// 			                   .-"      "-.
// 			                  /    AOL     /
// 			                 |              |
// 			                 |,  .-.  .-.  ,|
// 			                 | )(__/  /__)( |
// 			                 |/     //     /|
// 			       (@_       (_     ^^     _)
// 			  _     ) /_______/__|IIIIII|__/__________________________
// 			 (_)@8@8{}<________|-/IIIIII/-|___________________________>
// 			        )_/        /          /
// 			       (@           `--------`                    AOL FLASH STUDIO
//
// ***********************************************************************************************
//
//    @FileName Graphic.as
//    @Description 图形类
//    @Package com.flashvan
//    @Author AOL
//    @Email jeremy1982@21cn.com
//    @Create 2004.7.18
//    @LastChange 2004.7.18
//    @History
//
// ***********************************************************************************************
dynamic class com.flashvan.Graphic extends MovieClip
{
        static var symbolName:String = "__Packages.com.flashvan.Graphic";
        static var symbolOwner:Function = com.flashvan.Graphic;
        static var symbolLinked = Object.registerClass(symbolName, symbolOwner);
        
        
        function Graphic()
        {
                
        }
        
        
        static function create(base_mc:MovieClip, name:String, depth:Number,o:Object)
        {
                var mc = base_mc.attachMovie(symbolName, name, depth,o);
                return mc;
        }
        
        function drawRect(x1:Number, y1:Number, x2:Number, y2:Number):Void
        {
                moveTo(x1,y1);
                lineTo(x2,y1);
                lineTo(x2,y2);
                lineTo(x1,y2);
                lineTo(x1,y1);
        }
        
        
        function drawLine(x1:Number, y1:Number, x2:Number, y2:Number):Void
        {
                
        }
        
        function fillRect(x:Number, y:Number, width:Number, height:Number):Void
        {
                
        }
        
        // drawRoundRect
        // x - x position of  fill
        // y - y position of  fill
        // w - width of  fill
        // h  - height of  fill
        // r - corner radius of fill :: number or object {br:#,bl:#,tl:#,tr:#}
        // c - hex color of fill :: number or array [0x######,0x######]
        // alpha - alpha value of fill :: number or array [0x######,0x######]
        // rot - rotation of fill :: number or matrix object  {matrixType:"box",x:#,y:#,w:#,h:#,r:(#*(Math.PI/180))}
        // gradient - type of gradient "linear" or "radial"
        // ratios - (optional :: default  [0,255]) - specifies the distribution of colors :: array [#,#];
        function drawRoundRect(x:Number,y:Number,w:Number,h:Number,r,c,alpha,rot,gradient:String,ratios)
        {
                if (typeof r == "object") {
                        var rbr = r.br //bottom right corner
                        var rbl = r.bl //bottom left corner
                        var rtl = r.tl //top left corner
                        var rtr = r.tr //top right corner
                }
                else
                {
                        var rbr =  rbl = rtl = rtr = r;
                }
                // if color is an object then allow for complex fills
                if(typeof c == "object")
                {
                        if (typeof alpha != "object")
                        var alphas = [alpha,alpha];
                        else
                        var alphas = alpha;
                        
                        if (ratios == undefined)
                        var ratios = [ 0, 0xff ];
                        
                        var sh = h *.7
                        if (typeof rot != "object")
                        var matrix = {matrixType:"box", x:-sh, y:sh, w:w*2, h:h*4, r:rot * 0.0174532925199433 }
                        else
                        var matrix = rot;
                        
                        if (gradient == "radial")
                        beginGradientFill( "radial", c, alphas, ratios, matrix );
                        else
                        beginGradientFill( "linear", c, alphas, ratios, matrix );
                        
                }
                else if (c != undefined)
                {
                        beginFill (c, alpha);
                }
                
                // Math.sin and Math,tan values for optimal performance.
                // Math.rad = Math.PI/180 = 0.0174532925199433
                // r*Math.sin(45*Math.rad) =  (r*0.707106781186547);
                // r*Math.tan(22.5*Math.rad) = (r*0.414213562373095);
                
                //bottom right corner
                r = rbr;
                var a = r - (r*0.707106781186547); //radius - anchor pt;
                var s = r - (r*0.414213562373095); //radius - control pt;
                moveTo ( x+w,y+h-r);
                lineTo ( x+w,y+h-r );
                curveTo( x+w,y+h-s,x+w-a,y+h-a);
                curveTo( x+w-s,y+h,x+w-r,y+h);
                
                //bottom left corner
                r = rbl;
                var a = r - (r*0.707106781186547);
                var s = r - (r*0.414213562373095);
                lineTo ( x+r,y+h );
                curveTo( x+s,y+h,x+a,y+h-a);
                curveTo( x,y+h-s,x,y+h-r);
                
                //top left corner
                r = rtl;
                var a = r - (r*0.707106781186547);
                var s = r - (r*0.414213562373095);
                lineTo ( x,y+r );
                curveTo( x,y+s,x+a,y+a);
                curveTo( x+s,y,x+r,y);
                
                //top right
                r = rtr;
                var a = r - (r*0.707106781186547);
                var s = r - (r*0.414213562373095);
                lineTo ( x+w-r,y );
                curveTo( x+w-s,y,x+w-a,y+a);
                curveTo( x+w,y+s,x+w,y+r);
                lineTo ( x+w,y+h-r );
                
                if (c != undefined)
                endFill();
        }
        
        
        // ==============
        // mc.drawOval() - by Ric Ewing (ric@formequalsfunction.com) - version 1.1 - 4.7.2002
        //
        // x, y = center of oval
        // radius = radius of oval. If [optional] yRadius is defined, r is the x radius.
        // yRadius = [optional] y radius of oval.
        // ==============
        function drawOval(x:Number, y:Number, radius:Number, yRadius:Number):Void
        {
                
                if (arguments.length<3)
                {
                        return;
                }
                // init variables
                var theta:Number, xrCtrl:Number, yrCtrl:Number, angle:Number, angleMid:Number;
                var px:Number, py:Number, cx:Number, cy:Number;
                // if only yRadius is undefined, yRadius = radius
                if (yRadius == undefined)
                {
                        yRadius = radius;
                }
                // covert 45 degrees to radians for our calculations
                theta = Math.PI/4;
                // calculate the distance for the control point
                xrCtrl = radius/Math.cos(theta/2);
                yrCtrl = yRadius/Math.cos(theta/2);
                // start on the right side of the circle
                angle = 0;
                moveTo(x+radius, y);
                // this loop draws the circle in 8 segments
                for (var i = 0; i<8; i++)
                {
                        // increment our angles
                        angle += theta;
                        angleMid = angle-(theta/2);
                        // calculate our control point
                        cx = x+Math.cos(angleMid)*xrCtrl;
                        cy = y+Math.sin(angleMid)*yrCtrl;
                        // calculate our end point
                        px = x+Math.cos(angle)*radius;
                        py = y+Math.sin(angle)*yRadius;
                        // draw the circle segment
                        curveTo(cx, cy, px, py);
                }
        }
        
        
        // ==============
        // mc.drawArc() - by Ric Ewing (ric@formequalsfunction.com) - version 1.5 - 4.7.2002
        //
        // x, y = This must be the current pen position... other values will look bad
        // radius = radius of Arc. If [optional] yRadius is defined, then r is the x radius
        // arc = sweep of the arc. Negative values draw clockwise.
        // startAngle = starting angle in degrees.
        // yRadius = [optional] y radius of arc. Thanks to Robert Penner for the idea.
        // ==============
        // Thanks to: Robert Penner, Eric Mueller and Michael Hurwicz for their contributions.
        // ==============
        function drawArc(x:Number, y:Number, radius:Number, arc:Number, startAngle:Number, yRadius:Number)
        {
                
                if (arguments.length<5)
                {
                        return;
                }
                // if yRadius is undefined, yRadius = radius
                if (yRadius == undefined)
                {
                        yRadius = radius;
                }
                // Init vars
                var segAngle:Number, theta:Number, angle:Number, angleMid:Number, segs:Number;
                var ax:Number, ay:Number, bx:Number, by:Number, cx:Number, cy:Number;
                // no sense in drawing more than is needed :)
                if (Math.abs(arc)>360)
                {
                        arc = 360;
                }
                // Flash uses 8 segments per circle, to match that, we draw in a maximum
                // of 45 degree segments. First we calculate how many segments are needed
                // for our arc.
                segs = Math.ceil(Math.abs(arc)/45);
                // Now calculate the sweep of each segment
                segAngle = arc/segs;
                // The math requires radians rather than degrees. To convert from degrees
                // use the formula (degrees/180)*Math.PI to get radians.
                theta = -(segAngle/180)*Math.PI;
                // convert angle startAngle to radians
                angle = -(startAngle/180)*Math.PI;
                // find our starting points (ax,ay) relative to the secified x,y
                ax = x-Math.cos(angle)*radius;
                ay = y-Math.sin(angle)*yRadius;
                // if our arc is larger than 45 degrees, draw as 45 degree segments
                // so that we match Flash's native circle routines.
                if (segs>0)
                {
                        // Loop for drawing arc segments
                        for (var i = 0; i
 
 
  
  // increment our angle
                                angle += theta;
                                
  
  // find the angle halfway between the last angle and the new
                                angleMid = angle-(theta/2);
                                
  
  // calculate our end point
                                bx = ax+
  
  Math.
  
  cos(angle)*radius;
                                by = ay+
  
  Math.
  
  sin(angle)*yRadius;
                                
  
  // calculate our control point
                                cx = ax+
  
  Math.
  
  cos(angleMid)*(radius/
  
  Math.
  
  cos(theta/2));
                                cy = ay+
  
  Math.
  
  sin(angleMid)*(yRadius/
  
  Math.
  
  cos(theta/2));
                                
  
  // draw the arc segment
                                
  
  curveTo(cx, cy, bx, by);
                        }
                }
                
  
  // In the native draw methods the user must specify the end point
                
  
  // which means that they always know where they are ending at, but
                
  
  // here the endpoint is unknown unless the user calculates it on their
                
  
  // own. Lets be nice and let save them the hassle by passing it back.
                
  
  return {x:bx, y:by};
        }
        
        
        
  
  // ==============
        
  
  // mc.drawBurst() - by Ric Ewing (ric@formequalsfunction.com) - version 1.4 - 4.7.2002
        
  
  //
        
  
  // x, y = center of burst
        
  
  // sides = number of sides or points
        
  
  // innerRadius = radius of the indent of the curves
        
  
  // outerRadius = radius of the outermost points
        
  
  // angle = [optional] starting angle in degrees. (defaults to 0)
        
  
  // ==============
        
  
  function drawBurst(x:
  
  Number, y:
  
  Number, sides:
  
  Number, innerRadius:
  
  Number, outerRadius:
  
  Number, angle:
  
  Number)
        {
                
                
  
  if(arguments<5)
                {
                        
  
  return;
                }
                
  
  if (sides>2)
                {
                        
  
  // init vars
                        
  
  var step:
  
  Number, halfStep:
  
  Number, qtrStep:
  
  Number, 
  
  start:
  
  Number, n:
  
  Number;
                        
  
  var dx:
  
  Number, dy:
  
  Number, cx:
  
  Number, cy:
  
  Number;
                        
  
  // calculate length of sides
                        step = (
  
  Math.
  
  PI*2)/sides;
                        halfStep = step/2;
                        qtrStep = step/4;
                        
  
  // calculate starting angle in radians
                        
  
  start = (angle/180)*
  
  Math.
  
  PI;
                        
  
  moveTo(x+(
  
  Math.
  
  cos(
  
  start)*outerRadius), y-(
  
  Math.
  
  sin(
  
  start)*outerRadius));
                        
  
  // draw curves
                        
  
  for (n=1; n<=sides; n++)
                        {
                                cx = x+
  
  Math.
  
  cos(
  
  start+(step*n)-(qtrStep*3))*(innerRadius/
  
  Math.
  
  cos(qtrStep));
                                cy = y-
  
  Math.
  
  sin(
  
  start+(step*n)-(qtrStep*3))*(innerRadius/
  
  Math.
  
  cos(qtrStep));
                                dx = x+
  
  Math.
  
  cos(
  
  start+(step*n)-halfStep)*innerRadius;
                                dy = y-
  
  Math.
  
  sin(
  
  start+(step*n)-halfStep)*innerRadius;
                                
  
  curveTo(cx, cy, dx, dy);
                                cx = x+
  
  Math.
  
  cos(
  
  start+(step*n)-qtrStep)*(innerRadius/
  
  Math.
  
  cos(qtrStep));
                                cy = y-
  
  Math.
  
  sin(
  
  start+(step*n)-qtrStep)*(innerRadius/
  
  Math.
  
  cos(qtrStep));
                                dx = x+
  
  Math.
  
  cos(
  
  start+(step*n))*outerRadius;
                                dy = y-
  
  Math.
  
  sin(
  
  start+(step*n))*outerRadius;
                                
  
  curveTo(cx, cy, dx, dy);
                        }
                }
        };
        
        
        
  
  function drawPoly (x:
  
  Number, y:
  
  Number, sides:
  
  Number, radius:
  
  Number, angle:
  
  Number)
        {
                
  
  if (arguments.
  
  length<4)
                {
                        
  
  return;
                }
                
  
  // convert sides to positive value
                
  
  var count:
  
  Number = 
  
  Math.
  
  abs(sides);
                
  
  // check that count is sufficient to build polygon
                
  
  if (count>2)
                {
                        
  
  // init vars
                        
  
  var step:
  
  Number, 
  
  start:
  
  Number, n:
  
  Number, dx:
  
  Number, dy:
  
  Number;
                        
  
  // calculate span of sides
                        step = (
  
  Math.
  
  PI*2)/sides;
                        
  
  // calculate starting angle in radians
                        
  
  start = (angle/180)*
  
  Math.
  
  PI;
                        
  
  moveTo(x+(
  
  Math.
  
  cos(
  
  start)*radius), y-(
  
  Math.
  
  sin(
  
  start)*radius));
                        
  
  // draw the polygon
                        
  
  for (n=1; n<=count; n++)
                        {
                                dx = x+
  
  Math.
  
  cos(
  
  start+(step*n))*radius;
                                dy = y-
  
  Math.
  
  sin(
  
  start+(step*n))*radius;
                                
  
  lineTo(dx, dy);
                        }
                }
        }
        
        
  
  // ==============
        
  
  // mc.drawWedge() - by Ric Ewing (ric@formequalsfunction.com) - version 1.3 - 6.12.2002
        
  
  //
        
  
  // x, y = center point of the wedge.
        
  
  // startAngle = starting angle in degrees.
        
  
  // arc = sweep of the wedge. Negative values draw clockwise.
        
  
  // radius = radius of wedge. If [optional] yRadius is defined, then radius is the x radius.
        
  
  // yRadius = [optional] y radius for wedge.
        
  
  // ==============
        
  
  // Thanks to: Robert Penner, Eric Mueller and Michael Hurwicz for their contributions.
        
  
  // ==============
        
  
  function drawWedge(x:
  
  Number, y:
  
  Number, startAngle:
  
  Number, arc:
  
  Number, radius:
  
  Number, yRadius:
  
  Number)
        {
                
                
  
  if (arguments.
  
  length<5)
                {
                        
  
  return;
                }
                
  
  // move to x,y position
                
  
  moveTo(x, y);
                
  
  // if yRadius is undefined, yRadius = radius
                
  
  if (yRadius == 
  
  undefined)
                {
                        yRadius = radius;
                }
                
  
  // Init vars
                
  
  var segAngle:
  
  Number, theta:
  
  Number, angle:
  
  Number, angleMid:
  
  Number, segs:
  
  Number;
                
  
  var ax:
  
  Number, ay:
  
  Number, bx:
  
  Number, by:
  
  Number, cx:
  
  Number, cy:
  
  Number;
                
  
  // limit sweep to reasonable numbers
                
  
  if (
  
  Math.
  
  abs(arc)>360)
                {
                        arc = 360;
                }
                
  
  // Flash uses 8 segments per circle, to match that, we draw in a maximum
                
  
  // of 45 degree segments. First we calculate how many segments are needed
                
  
  // for our arc.
                segs = 
  
  Math.
  
  ceil(
  
  Math.
  
  abs(arc)/45);
                
  
  // Now calculate the sweep of each segment.
                segAngle = arc/segs;
                
  
  // The math requires radians rather than degrees. To convert from degrees
                
  
  // use the formula (degrees/180)*Math.PI to get radians.
                theta = -(segAngle/180)*
  
  Math.
  
  PI;
                
  
  // convert angle startAngle to radians
                angle = -(startAngle/180)*
  
  Math.
  
  PI;
                
  
  // draw the curve in segments no larger than 45 degrees.
                
  
  if (segs>0)
                {
                        
  
  // draw a line from the center to the start of the curve
                        ax = x+
  
  Math.
  
  cos(startAngle/180*
  
  Math.
  
  PI)*radius;
                        ay = y+
  
  Math.
  
  sin(-startAngle/180*
  
  Math.
  
  PI)*yRadius;
                        
  
  lineTo(ax, ay);
                        
  
  // Loop for drawing curve segments
                        
  
  for (
  
  var i = 0; i
  
  
   
   Math.
   
   cos(angle)*radius;
                                by = y+
   
   Math.
   
   sin(angle)*yRadius;
                                cx = x+
   
   Math.
   
   cos(angleMid)*(radius/
   
   Math.
   
   cos(theta/2));
                                cy = y+
   
   Math.
   
   sin(angleMid)*(yRadius/
   
   Math.
   
   cos(theta/2));
                                
   
   curveTo(cx, cy, bx, by);
                        }
                        
   
   // close the wedge by drawing a line to the center
                        
   
   lineTo(x, y);
                }
        }
        
}

   
   //end of Class

  
  
 
 
   在riacn看到一个转的国外人写的Graphic类，感觉不是很好。 首选它是从MovieClip类继承下来的，但它却
又用_root这个根时间轴来创建一个MovieClip的实例mc来mix-in到Graphic中。这样做是很不对的！并且一系列的
MovieClip的方法要通过mc来重写实现！我几个月前写的这个类虽然不是很充分，因为这是我组件库所有View的基类,
很多方法在考虑中,但绝对继承了MovieClip的所有方法和属性，而且跟MovieClip类一样是dynamic的.比起国外那
个，这个更有科学性.
flashvan
关注
专栏目录
【vue】 vue中echarts渐变被覆盖、失效，echarts.graphic.LinearGradient，不能正常显示的解决方法。
amoureux555的博客
03-01 1485
vue中echarts渐变被覆盖、失效，echarts.graphic.LinearGradient，不能正常显示的解决方法。
com.flashvan.Graphic运用小示例
AOL's Web Log
09-23 1453
这是用我的Graphic类依照v2按钮组件画的小示例：  pre {font-family:"Courier New", Courier, Arial; font-size: 12px;} .operator {color: #000000;} .keyword {color: #993300;} .identifier {color: #000087;
在vue中引入echart的折线图时，echarts.graphic.LinearGradient，不能正常显示的解决方法。
m0_55728090的博客
04-01 6027
在vue中需要达到折线图，且有区域渐变色的效果，那么像下面那样子直接复制过来，在vue中不能渲染出来。需要将原来的 newecharts.graphic.LinearGradient 改成这样，new this.$echarts.graphic.LinearGradient 前提先是npm安装echart 1、使用npm安装 npm install echarts --save 2、main.js中引入挂载原型 import echarts from 'echarts' //需要挂载到..
echarts.graphic.LinearGradient
热门推荐
qq_41976264的博客
07-21 1万+
echarts.graphic.LinearGradient new echarts.graphic.LinearGradient(a,b,c,d,arr) a ,b,c,d为0，1 a:1 arr中的颜色右到左 c:1 arr中的颜色左到右 b:1 arr中的颜色下到上 d:1 arr中的颜色上到下 具体用法 itemStyle: { color: new echarts.graphic.LinearGradient( 0, 1, 0, 0, [
[echart] 渐变内置生成器echarts.graphic.LinearGradient
qq_14993591的博客
03-22 1623
const option = { title:{ text:'▎商家销售统计', textStyle:{ fontSize:30 }, left:20, top:20 }, // 配置图标的位置 不包含坐标轴中的文字 grid:{ top:'20%', left:'3%', bottom:'3%', right:'6%', containLabel:true // 包含坐标轴中的文字 },
echarts中graphic_echart 渐变内置生成器echarts.graphic.LinearGradient
weixin_34509784的博客
12-23 1413
const option = {title:{text:'▎商家销售统计',textStyle:{fontSize:30},left:20,top:20},// 配置图标的位置 不包含坐标轴中的文字grid:{top:'20%',left:'3%',bottom:'3%',right:'6%',containLabel:true // 包含坐标轴中的文字},xAxis:{type:'value'...
new echarts.graphic.LinearGradient内置渐变器
Y4258的博客
02-23 5464
渐变色方法 方法一：new echarts.graphic.LinearGradient 使用内置渐变器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 echarts.js -->
通过echarts.graphic.extendShape方法实现立方体图表
最新发布
qq_54818343的博客
04-08 720
graphic.extendShape是ECharts中用于扩展自定义图形形状的方法。通过调用方法，您可以定义并创建新的自定义图形形状，以满足特定的数据可视化需求。
lib_base.zip_event_pygame.base_python graphic
09-24
例如，它可能包含预定义的窗口模板、控件类（如按钮、文本框）以及布局管理器，这些都可以减少代码量，提高开发效率。 标签"event pygame.base python_graphic"进一步确认了这个库关注的是Pygame的基础功能，特别是...
graphics.zip_graphic.h_graphics.h头文件
07-14
graphic.h，c语言图形的头文件，你们看这，有用的话下载一下，其实我上传的原因你们懂的
CLR.rar_bios.h graphic.h_clr_clr C++
09-14
`graphic.h`可能是一个包含图形库函数的头文件，用于在C或C++中处理图形显示。这可能是一个自定义库，或者对某个图形库（如OpenGL、SDL、GDI+等）的封装，用于创建图形用户界面（GUI）或进行图形渲染。 4. **C++与...
VC.matcom.curve.graphic.rar_Vc matcom_matcom
09-21
《VC.matcom.curve.graphic.rar：VC与MATCOM在多线程曲线绘图设计中的应用》 在现代软件开发中，高效的数据可视化是至关重要的，尤其是在科学计算和工程领域。"VC.matcom.curve.graphic.rar"这个压缩包文件提供了一...
VB.module.code.medical.kidney.shaped.graphic.desig_kidney
09-22
VB api编程模块医学肾形图像设计代码VB api programming module code medical kidney-shaped graphic design
SWF文件格式说明书--SWF文件头
AOL's Web Log
09-30 1万+
 SWF文件头字段类型备注标识8位标识字节:F代表未压缩C代表已压缩(SWF6以后的版本特有)标识8位代表W标识8位代表S版本号8位代表SWF文件的版本，比如0x06代表SWF6文件长度32位整个文件的所占的字节
我的计划 & SCM & Actionscript
AOL's Web Log
11-21 5921
随着Actionscript的发展,它已经步入面向对象开发的领域了, 回首再看flash4那时候的script,已经变成很遥远了. Macromedia提出了RIA的战略思想, 但我觉得这方面很不成熟.首先是语言本身, 就算是它完全符合了ECMA-4的标准,还是有很多东西是没有的;其次是我认为也是本质性的是开发群体,.很多actionscript developer不是专业出身, 很多是喜欢fla
SWF文件格式说明书--SWF文件结构
AOL's Web Log
10-13 4995
SWF File StructureSWF文件结构Following the header is a series of tagged data blocks. All tags share a common format, so anyprogram parsing a SWF file can skip over blocks it does not understand. Dat
SWF文件格式说明书(四)
AOL's Web Log
06-03 4886
File Compression Strategy文件压缩策略Since SWF files are frequently delivered over a network connection, it is important that they be ascompact as possible. There are several techniques that are used to acc
Swf 8/9 MetaData 探究
AOL's Web Log
03-10 3865
从我以前关于Swf文件的译稿可知Swf文件是由一个文件头,一个文件尾, 中间插着各种Tag组成.Flash 8 以后的swf 文件多了一个metadata,定义的是swf文件作者、swf 文件描述、语言及创作时间等信息。其实它是一个xml格式的字符串. 相关的内容，我找到blueidea的一篇文章，这里就不重复了 :)http://www.blueidea.com/tech/multimedia/
new echarts.graphic.lineargrad
05-14
`echarts.graphic.lineargrad` 是 ECharts 中用于创建线性渐变填充的图形元素。具体来说，它是一个构造函数，用于创建一个线性渐变对象，可以设置渐变的起点、终点、渐变色等属性。 使用示例： ```javascript var myChart = echarts.init(document.getElementById('myChart')); var shape = new echarts.graphic.Rect({ shape: { x: 0, y: 0, width: 100, height: 100 }, style: { fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'red' }, { offset: 1, color: 'blue' }]), stroke: 'black' } }); myChart.setOption({ graphic: [shape] }); ``` 以上示例代码中，创建了一个矩形图形元素，并设置了它的填充为线性渐变。其中，`shape` 属性用于设置矩形的位置和大小，`style` 属性用于设置矩形的样式，包括填充色和描边色。`fill` 属性的值为 `echarts.graphic.LinearGradient` 的实例，表示要使用线性渐变填充，其中参数依次表示渐变的起点横坐标、起点纵坐标、终点横坐标、终点纵坐标，以及渐变色数组，数组中每个元素表示一个渐变色，包括它的位置和颜色值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值