39 lines
1.3 KiB
QML
39 lines
1.3 KiB
QML
import QtQuick 2.5
|
|
|
|
import "jdenticon/jdenticon-1.0.1.min.js" as Jdenticon
|
|
|
|
Canvas {
|
|
id: identicon
|
|
contextType: "2d"
|
|
|
|
property var name
|
|
onNameChanged: requestPaint()
|
|
|
|
onPaint: {
|
|
if (name)
|
|
Jdenticon.draw(identicon, name)
|
|
else {
|
|
var context = identicon.context
|
|
context.reset()
|
|
var draw_circle = function(context, x, y, radius) {
|
|
context.beginPath()
|
|
context.arc(x, y, radius, 0, 2 * Math.PI, false)
|
|
context.fillStyle = "rgba(0, 0, 0, 0.1)"
|
|
context.fill()
|
|
}
|
|
var size = Math.min(identicon.height, identicon.width)
|
|
var centerX = size / 2
|
|
var centerY = size / 2
|
|
var radius = size/15
|
|
draw_circle(context, centerX, centerY, radius)
|
|
draw_circle(context, 2*radius, 2*radius, radius)
|
|
draw_circle(context, centerX, 2*radius, radius)
|
|
draw_circle(context, size - 2*radius, 2*radius, radius)
|
|
draw_circle(context, size - 2*radius, centerY, radius)
|
|
draw_circle(context, size - 2*radius, size - 2*radius, radius)
|
|
draw_circle(context, centerX, size - 2*radius, radius)
|
|
draw_circle(context, 2*radius, size - 2*radius, radius)
|
|
draw_circle(context, 2*radius, centerY, radius)
|
|
}
|
|
}
|
|
}
|