二维码
搜索 ×

类: PointSharp

PointSharp

特殊点的渲染类，包括正方形、三角形、五角星、圆形、笑脸、红桃、方块、梅花、黑桃

构造

new PointSharp()

方法列表

名称 说明
.drawClub(ctx, x, y, size, style)

绘制梅花
.drawDiamond(ctx, x, y, size, style)

绘制方块
.drawFace(ctx, x, y, size, style)

绘制笑脸
.drawFlower(ctx, x, y, size, sideNum, style)

绘制花朵
.drawHeart(ctx, x, y, size, style)

绘制红心
.drawRegularPolygon(ctx, x, y, size, sideNum, style)

绘制任意正多边形
.drawRegularShape(ctx, x, y, points, radius, radius2, style)

规则形状，包括五角星、三角形等
.drawRound(ctx, x, y, size, style)

绘制圆
.drawSpade(ctx, x, y, size, style)

绘制黑桃
.drawSquare(ctx, x, y, size, style)

绘制正方形
.drawStar(ctx, x, y, size, style)

绘制五角星
.drawTriangle(ctx, x, y, size, style)

绘制三角形

详细说明

(static) drawClub(ctx, x, y, size, style)

绘制梅花

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

高
style Object

渲染样式 {color, fillColor}

(static) drawDiamond(ctx, x, y, size, style)

绘制方块

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

高
style Object

渲染样式 {color, fillColor}

(static) drawFace(ctx, x, y, size, style)

绘制笑脸

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

笑脸直径
style Object

渲染样式 {color, fillColor, angle}

(static) drawFlower(ctx, x, y, size, sideNum, style)

绘制花朵

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

高
sideNum int

花瓣数，最小为3， 最大为8
style Object

渲染样式 {color, fillColor}

(static) drawHeart(ctx, x, y, size, style)

绘制红心

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

高
style Object

渲染样式 {color, fillColor}

(static) drawRegularPolygon(ctx, x, y, size, sideNum, style)

绘制任意正多边形

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

正多边形外切圆的直径
sideNum int

边数
style Object

渲染样式 {color, fillColor, angle}

(static) drawRegularShape(ctx, x, y, points, radius, radius2, style)

规则形状，包括五角星、三角形等

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
points int

点数
radius int 16

半径
radius2 int 0

凹半径
style Object

风格

(static) drawRound(ctx, x, y, size, style)

绘制圆

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

直径
style Object

渲染样式 {color, fillColor}

(static) drawSpade(ctx, x, y, size, style)

绘制黑桃

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

高
style Object

渲染样式 {color, fillColor}

(static) drawSquare(ctx, x, y, size, style)

绘制正方形

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

边长
style Object

渲染样式 {color, fillColor, angle}

(static) drawStar(ctx, x, y, size, style)

绘制五角星

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

边长
style Object

渲染样式 {color, fillColor, angle}

(static) drawTriangle(ctx, x, y, size, style)

绘制三角形

参数
名称 类型 缺省值 说明
ctx CanvasRenderingContext2D
x int

中心点X坐标
y int

中心点Y坐标
size int

高/底边长
style Object

渲染样式 {color, fillColor, angle}