Wie setze ich die Context-Eigenschaft von html5 canvas nach json format?

Question

Wir kennen alle Leinwand Kontext Eigenschaft wie folgt fest:

ctx.textBaseline = "top"; 
ctx.shadowColor = "#000"; 
ctx.shadowOffsetX = 10; 
ctx.shadowOffsetY = 0; 
ctx.shadowBlur = 10; 

Aber wenn ich json Formatdaten wie dieses:

{textBaseline: "top", 
shadowColor: "#000", 
shadowOffsetX: 10, 
shadowOffsetY: 0, 
shadowBlur: 10} 

Wie ctx Eigentum durch die obigen Daten setzen?

Ich kann so tun:

function setctxproperty(jsondata) { 
    if (jsondata[textBaseline]) { 
     ctx.textBaseline = jsondata[textBaseline]; 
    } else if (jsondata[shadowColor]) { 
     ctx.shadowColor = jsondata[shadowColor]; 
    } else if (...) { 
     ... 
    } 
} 

Haben Sie eine gute Möglichkeit haben?

Danke.

Answer 1

Es gibt einen besseren Weg. Sie können so etwas wie folgt verwenden:

function setProps(data) { 
    for (var p in data) { 
    if (!data.hasOwnProperty(p)) continue; 
    ctx[p] = data[p]; 
    } 
}