如何使用JavaScript更新HTML 5画布？

Question

我正在使用HTML5的canvas和javascript制作交互式谱系树。 我正在使用（ http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html ）作为该项目的基础。

我正在尝试动态更新某些canvas元素。

我有以下javascript

function init(){
   ........
Node: {
       height: 100,
        width: 240,
        type: 'rectangle',
        overridable: true,

    },
..........

这个Node属性，有没有办法让我在外部调用和修改它？

例如。 我希望能够更改尺寸，我希望能够从Node函数开始运行此脚本并更改节点形状/ size。

我试图避免调用init（）函数，因为它将重新加载所有数据。

这可能吗？

Answer 1

如果您创建了一个新的ST实例，则可以像下面这样访问Node：

st.Node.height = "what you want"