Class: ImageUtil
图片相关工具类
Table of contents
Constructors
Methods
- bgGrid
- colorFilter
- createDarkGridImg
- createGridImage
- createLightGridImg
- imageToBase64
- parseImgUrl
- svgToImageUrl
Constructors
constructor
new ImageUtil()
Methods
bgGrid
Static
bgGrid(w
, h
, row
, col
, fillStyle?
, strokeStyle?
): string
创建网格背景图片(图片为Base64编码形式: data:image/svg+xml;charset=UTF-8,....)
Parameters
Name | Type | Default value |
---|---|---|
w | number | undefined |
h | number | undefined |
row | number | undefined |
col | number | undefined |
fillStyle | string | "#242424" |
strokeStyle | string | "#151515" |
Returns
string
colorFilter
Static
colorFilter(image
, color
): HTMLImageElement
根据图片对象和颜色 生成一个新的Image对象 例如: ImageUtil.colorFilter(image, [255, 0, 0]) 或者自定义滤镜:
const filterImg = ImageUtil.colorFilter(img, function (r, g, b, a) {
g = g > 0 ? 255 : 0;
return [r, g, b, a];
});
Parameters
Name | Type |
---|---|
image | HTMLImageElement |
color | Function | number [] |
Returns
HTMLImageElement
createDarkGridImg
Static
createDarkGridImg(): string
系统默认的‘暗色’背景网格图
Returns
string
createGridImage
Static
createGridImage(width?
, height?
, row?
, col?
, fillStyle
, strokeStyle
): string
创建网格背景图片(图片为URL形式: data:image/svg+xml;charset=UTF-8,....)
Parameters
Name | Type | Default value |
---|---|---|
width | number | 100 |
height | number | 100 |
row | number | 5 |
col | number | 5 |
fillStyle | string | undefined |
strokeStyle | string | undefined |
Returns
string
createLightGridImg
Static
createLightGridImg(): string
系统默认的‘亮色’背景网格图
Returns
string
imageToBase64
Static
imageToBase64(image
): string
将一个图片对象转成Base64编码格式
Parameters
Name | Type |
---|---|
image | HTMLImageElement |
Returns
string
parseImgUrl
Static
parseImgUrl(url
): any
Parameters
Name | Type |
---|---|
url | any |
Returns
any
svgToImageUrl
Static
svgToImageUrl(svgString
): string
SVG字符串转成图片格式的URL
Parameters
Name | Type |
---|---|
svgString | string |
Returns
string
'data:image/svg+xml;charset=UTF-8,' + svgString;