编辑blockly如何实现图片移动？

<!DOCTYPE html>



Blockly Demo: Generating JavaScript $(function() { $('#draggable').draggable(); }); #draggable { padding:0.5em; } body{ background-color:#fff； font-family:sans-serif; }

Run JavaScript




10


var workspace = Blockly.inject('blocklyDiv', { media: 'C:\Users\silla\Documents\media', toolbox: document.getElementById('toolbox')}); function runCode(){ window.LoopTrap=1000; Blockly.JavaScript.INFINITE_LOOP_TRAP= 'if(--window.LoopTrap==0) throw "Infinite loop.";\n'; var code=Blockly.JavaScript.workspaceToCode(workspace); Blockly.JavaScript.INFINITE_LOOP_TRAP=null; try{ eval(code); }catch(e){ alert(e); } }


customblcoks1.js

Blockly.Blocks['motion'] = {
init: function() {
this.appendDummyInput()
.appendField("move")
.appendField(new Blockly.FieldTextInput("20"), "NAME")
.appendField("steps");
this.setInputsInline(false);
this.setPreviousStatement(true, null);
this.setNextStatement(true, null);
this.setColour(230);
this.setTooltip("");
this.setHelpUrl("");
}
};

Blockly.JavaScript['motion'] = function(block) {
var text_name = block.getFieldValue('NAME');
var code = '...;\n';
return code;
};

http://blog.sina.com.cn/s/blog_c1f95fa10102vce0.html