1

hao

2025-03-27 e610e1c17f62b423a717fadaaa7b139d02857793

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
/* global HTMLImageElement */
/* global HTMLCanvasElement */
/* global SVGElement */
 
import getOptionsFromElement from "./getOptionsFromElement.js";
import renderers from "../renderers";
 
import {InvalidElementException} from "../exceptions/exceptions.js";
 
// Takes an element and returns an object with information about how
// it should be rendered
// This could also return an array with these objects
// {
//   element: The element that the renderer should draw on
//   renderer: The name of the renderer
//   afterRender (optional): If something has to done after the renderer
//     completed, calls afterRender (function)
//   options (optional): Options that can be defined in the element
// }
 
function getRenderProperties(element){
    // If the element is a string, query select call again
    if(typeof element === "string"){
        return querySelectedRenderProperties(element);
    }
    // If element is array. Recursivly call with every object in the array
    else if(Array.isArray(element)){
        var returnArray = [];
        for(let i = 0; i < element.length; i++){
            returnArray.push(getRenderProperties(element[i]));
        }
        return returnArray;
    }
    // If element, render on canvas and set the uri as src
    else if(typeof HTMLCanvasElement !== 'undefined' && element instanceof HTMLImageElement){
        return newCanvasRenderProperties(element);
    }
    // If SVG
    else if(
        (element && element.nodeName && element.nodeName.toLowerCase() === 'svg') ||
        (typeof SVGElement !== 'undefined' && element instanceof SVGElement)
    ){
        return {
            element: element,
            options: getOptionsFromElement(element),
            renderer: renderers.SVGRenderer
        };
    }
    // If canvas (in browser)
    else if(typeof HTMLCanvasElement !== 'undefined' && element instanceof HTMLCanvasElement){
        return {
            element: element,
            options: getOptionsFromElement(element),
            renderer: renderers.CanvasRenderer
        };
    }
    // If canvas (in node)
    else if(element && element.getContext){
        return {
            element: element,
            renderer: renderers.CanvasRenderer
        };
    }
    else if(element && typeof element === 'object' && !element.nodeName) {
        return {
            element: element,
            renderer: renderers.ObjectRenderer
        };
    }
    else{
        throw new InvalidElementException();
    }
}
 
function querySelectedRenderProperties(string){
    var selector = document.querySelectorAll(string);
    if(selector.length === 0){
        return undefined;
    }
    else{
        let returnArray = [];
        for(let i = 0; i < selector.length; i++){
            returnArray.push(getRenderProperties(selector[i]));
        }
        return returnArray;
    }
}
 
 
function newCanvasRenderProperties(imgElement){
    var canvas = document.createElement('canvas');
    return {
        element: canvas,
        options: getOptionsFromElement(imgElement),
        renderer: renderers.CanvasRenderer,
        afterRender: function(){
            imgElement.setAttribute("src", canvas.toDataURL());
        }
    };
}
 
export default getRenderProperties;