30 lines
751 B
JavaScript
30 lines
751 B
JavaScript
'use strict';
|
|
|
|
var createDataURL = function(text) {
|
|
const scale = 2; // should rely display dpi
|
|
const size = 16 * scale;
|
|
const canvas = document.createElement('canvas');
|
|
canvas.setAttribute('width', size);
|
|
canvas.setAttribute('height', size);
|
|
const ctx = canvas.getContext('2d');
|
|
|
|
// circle
|
|
ctx.fillStyle = "#FF1744"; // Material Red A400
|
|
ctx.beginPath();
|
|
ctx.arc(size / 2, size / 2, size / 2, 0, Math.PI * 2);
|
|
ctx.fill();
|
|
|
|
// text
|
|
ctx.fillStyle = "#ffffff"
|
|
ctx.textAlign = 'center';
|
|
ctx.textBaseline = 'middle';
|
|
ctx.font = (11 * scale) + "px sans-serif";
|
|
ctx.fillText(text, size / 2, size / 2, size);
|
|
|
|
return canvas.toDataURL();
|
|
};
|
|
|
|
module.exports = {
|
|
createDataURL: createDataURL
|
|
};
|