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

Question

I'm using HTML5's canvas and javascript to make an interactive pedigree tree. I am using ( http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html ) as base for this project.

I'm trying to dynamically update some of the canvas elements.

I have the following javascript

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

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

This Node property, is there a way for me to call and modify this externally?

Eg. I want to be able to change the dimensions, I would like to be able to start running this script from the Node function and changing the node shape /size.

I'm trying to avoid calling the init() function because it will reload all of the data.

Is this possible?

Answer 1

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

st.Node.height = "what you want"