Class ImageUtil

constructor

• new ImageUtil(width?, height?, fillcolor?): ImageUtil

• 创建ImageData

  Parameters

  • Optional width: number

    数据宽度

  • Optional height: number

    数据高度

  • Optional fillcolor: Color4

    填充颜色

  Returns ImageUtil

imageData

Static defaultNormal

• get defaultNormal(): ImageData

• 默认法线贴图数据。

  Returns ImageData

Static defaultParticle

• get defaultParticle(): ImageData

• 默认粒子贴图数据。

  Returns ImageData

clear

• clear(clearColor?): void

• 清理图片数据

  Parameters

  • Optional clearColor: Color4

    清理时填充颜色

  Returns void

clearBackColor

• clearBackColor(backColor): void

• 清理背景颜色，目前仅用于特定的抠图，例如 editor\resource\assets\3d\terrain\terrain_brushes.png

  Parameters

  • backColor: Color4

    背景颜色

  Returns void

drawBetweenTwoCurves

• drawBetweenTwoCurves(curve, curve1, between0And1, curveColor?, fillcolor?, rect?): ImageUtil

• 绘制双曲线

  Parameters

  • curve: AnimationCurve

    曲线

  • curve1: AnimationCurve

    曲线

  • between0And1: boolean

    是否显示值在[0,1]区间，否则[-1,1]区间

  • Optional curveColor: Color4

    颜色

  • Optional fillcolor: Color4

  • Optional rect: any

  Returns ImageUtil

drawColorPickerRect

• drawColorPickerRect(color): ImageUtil

• 创建颜色拾取矩形

  Parameters

  • color: number

    基色

  Returns ImageUtil

drawColorRect

• drawColorRect(color): ImageUtil

• Parameters

  • color: Color4

  Returns ImageUtil

drawCurve

• drawCurve(curve, between0And1, color, rect?): ImageUtil

• 绘制曲线

  Parameters

  • curve: AnimationCurve

    曲线

  • between0And1: boolean

    是否显示值在[0,1]区间，否则[-1,1]区间

  • color: Color4

    曲线颜色

  • Optional rect: any

  Returns ImageUtil

drawDefaultParticle

• drawDefaultParticle(size?): ImageUtil

• 创建默认粒子贴图

  Parameters

  • Optional size: number

    尺寸

  Returns ImageUtil

drawImageData

• drawImageData(imageData, x, y): ImageUtil

• 绘制图片数据

  Parameters

  • imageData: ImageData

    图片数据

  • x: number

    x坐标

  • y: number

    y坐标

  Returns ImageUtil

drawLine

• drawLine(start, end, color): ImageUtil

• 绘制线条

  Parameters

  • start: Vector2

    起始坐标

  • end: Vector2

    终止坐标

  • color: Color4

    线条颜色

  Returns ImageUtil

drawMinMaxGradient

• drawMinMaxGradient(gradient, dirw?): ImageUtil

• Parameters

  • gradient: Gradient

  • Optional dirw: boolean

    true为横向条带，否则纵向条带

  Returns ImageUtil

drawPixel

• drawPixel(x, y, color): ImageUtil

• 绘制图片数据指定位置颜色

  Parameters

  • x: number

    图片数据x坐标

  • y: number

    图片数据y坐标

  • color: Color4

    颜色值

  Returns ImageUtil

drawPoint

• drawPoint(x, y, color, size?): ImageUtil

• 绘制点

  Parameters

  • x: number

    x坐标

  • y: number

    y坐标

  • color: Color4

    颜色

  • Optional size: number

    尺寸

  Returns ImageUtil

fillRect

• fillRect(rect, fillcolor?): void

• 填充矩形

  Parameters

  • rect: Rectangle

    填充的矩形

  • Optional fillcolor: Color4

    填充颜色

  Returns void

fromImage

• fromImage(image): ImageUtil

• 获取图片数据

  Parameters

  • image: HTMLImageElement

    加载完成的图片元素

  Returns ImageUtil

getPixel

• getPixel(x, y): Color4

• 获取图片指定位置颜色值

  Parameters

  • x: number

    图片数据x坐标

  • y: number

    图片数据y坐标

  Returns Color4

init

• init(width?, height?, fillcolor?): void

• 初始化

  Parameters

  • Optional width: number

    宽度

  • Optional height: number

    高度

  • Optional fillcolor: Color4

    填充颜色

  Returns void

setPixel

• setPixel(x, y, color): ImageUtil

• 设置指定位置颜色值

  Parameters

  • x: number

    图片数据x坐标

  • y: number

    图片数据y坐标

  • color: Color4

    颜色值

  Returns ImageUtil

toDataURL

• toDataURL(): string

• 转换为DataUrl字符串数据

  Returns string

Static fromImage

• fromImage(image): ImageUtil

• 获取图片数据

  Parameters

  • image: HTMLImageElement

    加载完成的图片元素

  Returns ImageUtil

Static get

• get(color): ImageData

• 获取指定颜色的图片数据。

  Parameters

  • color: "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen"

    颜色

  Returns ImageData