36:null 37:["$","title",null,{"children":"Blockly Canvas Extensions | Oiar | Observable"}] 3d:Tbca,function canvasBeginPath(Blockly) { const name = BlocklyCanvasConstants.BeginPath; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .setAlign(Blockly.ALIGN_CENTRE) .appendField("beginPath"); this.appendDummyInput() .appendField("端点样式") .appendField( new Blockly.FieldDropdown([ ["butt", "butt"], ["round", "round"], ["square", "square"] ]), "lineCap" ); this.appendDummyInput() .appendField("折点样式") .appendField( new Blockly.FieldDropdown([ ["miter", "miter"], ["round", "round"], ["bevel", "bevel"] ]), "lineJoin" ); this.appendValueInput("strokeStyle") .setCheck("Colour") .setAlign(Blockly.ALIGN_CENTRE) .appendField("线条颜色"); this.appendValueInput("lineWidth") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("线条宽度"); this.appendValueInput("fillStyle") .setCheck("Colour") .setAlign(Blockly.ALIGN_CENTRE) .appendField("填充颜色"); this.setInputsInline(false); this.setPreviousStatement(true, null); this.setNextStatement(true, null); this.setColour(135); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let dropdown_linecap = block.getFieldValue('lineCap'); let dropdown_linejoin = block.getFieldValue('lineJoin'); let value_strokestyle = Blockly.JavaScript.valueToCode( block, 'strokeStyle', Blockly.JavaScript.ORDER_NONE ); let value_linewidth = Blockly.JavaScript.valueToCode( block, 'lineWidth', Blockly.JavaScript.ORDER_ATOMIC ); let value_fillstyle = Blockly.JavaScript.valueToCode( block, 'fillStyle', Blockly.JavaScript.ORDER_NONE ); let code = ` context.lineCap = '${dropdown_linecap}'; context.lineJoin = '${dropdown_linejoin}'; context.strokeStyle = ${value_strokestyle}; context.lineWidth = ${value_linewidth}; context.fillStyle = ${value_fillstyle}; context.beginPath(); ${next}`; return code; }; return { kind: "block", blockxml: ` #000000 1 #000000 ` }; }3e:T63b,function canvasMoveTo(Blockly) { const name = BlocklyCanvasConstants.MoveTo; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .appendField("moveTo"); this.appendValueInput("X") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X"); this.appendValueInput("Y") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y"); this.setInputsInline(false); this.setOutput(true, null); this.setColour(135); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let value_x = Blockly.JavaScript.valueToCode( block, 'X', Blockly.JavaScript.ORDER_ATOMIC ); let value_y = Blockly.JavaScript.valueToCode( block, 'Y', Blockly.JavaScript.ORDER_ATOMIC ); // TODO: Assemble JavaScript into code variable. let code = ` context.moveTo(${value_x},${value_y}); ${next}`; return [code, Blockly.JavaScript.ORDER_NONE]; }; return { kind: "block", blockxml: ` 0 0 ` }; }3f:T5f8,function canvasLineTo(Blockly) { const name = BlocklyCanvasConstants.LineTo; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .appendField("lineTo"); this.appendValueInput("X") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X"); this.appendValueInput("Y") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y"); this.setInputsInline(false); this.setOutput(true, null); this.setColour(60); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let value_x = Blockly.JavaScript.valueToCode( block, 'X', Blockly.JavaScript.ORDER_ATOMIC ); let value_y = Blockly.JavaScript.valueToCode( block, 'Y', Blockly.JavaScript.ORDER_ATOMIC ); let code = ` context.lineTo(${value_x},${value_y}); ${next}`; return [code, Blockly.JavaScript.ORDER_NONE]; }; return { kind: "block", blockxml: ` 100 100 ` }; }40:T931,function canvasRect(Blockly) { const name = BlocklyCanvasConstants.Rect; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .appendField("矩形"); this.appendValueInput("X1") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("LeftTopX"); this.appendValueInput("Y1") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("LeftTopY"); this.appendValueInput("X2") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Width"); this.appendValueInput("Y2") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Height"); this.setOutput(true, null); this.setColour(330); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let value_x1 = Blockly.JavaScript.valueToCode( block, 'X1', Blockly.JavaScript.ORDER_ATOMIC ); let value_y1 = Blockly.JavaScript.valueToCode( block, 'Y1', Blockly.JavaScript.ORDER_ATOMIC ); let value_x2 = Blockly.JavaScript.valueToCode( block, 'X2', Blockly.JavaScript.ORDER_ATOMIC ); let value_y2 = Blockly.JavaScript.valueToCode( block, 'Y2', Blockly.JavaScript.ORDER_ATOMIC ); let code = ` context.rect(${value_x1},${value_y1},${value_x2},${value_y2}); ${next} `; return [code, Blockly.JavaScript.ORDER_NONE]; }; return { kind: "block", blockxml: ` 20 20 160 140 ` }; }41:Td4f,function canvasBlocklyArc(Blockly) { const name = BlocklyCanvasConstants.Arc; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .setAlign(Blockly.ALIGN_CENTRE) .appendField("圆弧"); this.appendValueInput("startX") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X"); this.appendValueInput("startY") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y"); this.appendValueInput("R") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("R"); this.appendValueInput("startAngle") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("起始角"); this.appendValueInput("endAngle") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("结束角"); this.appendValueInput("counterclockwise") .setCheck("Boolean") .setAlign(Blockly.ALIGN_CENTRE) .appendField("逆时针"); this.setOutput(true, null); this.setColour(180); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let value_startx = Blockly.JavaScript.valueToCode( block, 'startX', Blockly.JavaScript.ORDER_ATOMIC ); let value_starty = Blockly.JavaScript.valueToCode( block, 'startY', Blockly.JavaScript.ORDER_ATOMIC ); let value_r = Blockly.JavaScript.valueToCode( block, 'R', Blockly.JavaScript.ORDER_ATOMIC ); let value_startangle = Blockly.JavaScript.valueToCode( block, 'startAngle', Blockly.JavaScript.ORDER_ATOMIC ); let value_endangle = Blockly.JavaScript.valueToCode( block, 'endAngle', Blockly.JavaScript.ORDER_ATOMIC ); let value_counterclockwise = Blockly.JavaScript.valueToCode( block, 'counterclockwise', Blockly.JavaScript.ORDER_NONE ); let code = ` context.arc(${value_startx},${value_starty},${value_r},${value_startangle}/180*Math.PI,${value_endangle}/180*Math.PI,${value_counterclockwise}); ${next} `; return [code, Blockly.JavaScript.ORDER_NONE]; }; return { kind: "block", blockxml: ` 0 360 200 200 100 false ` }; }42:Tcb4,function canvasTriangle(Blockly) { const name = BlocklyCanvasConstants.Triangle; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .appendField("三角形"); this.appendValueInput("X1") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X1"); this.appendValueInput("Y1") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y1"); this.appendValueInput("X2") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X2"); this.appendValueInput("Y2") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y2"); this.appendValueInput("X3") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X3"); this.appendValueInput("Y3") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y3"); this.setOutput(true, null); this.setColour(360); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let value_x1 = Blockly.JavaScript.valueToCode( block, 'X1', Blockly.JavaScript.ORDER_ATOMIC ); let value_y1 = Blockly.JavaScript.valueToCode( block, 'Y1', Blockly.JavaScript.ORDER_ATOMIC ); let value_x2 = Blockly.JavaScript.valueToCode( block, 'X2', Blockly.JavaScript.ORDER_ATOMIC ); let value_y2 = Blockly.JavaScript.valueToCode( block, 'Y2', Blockly.JavaScript.ORDER_ATOMIC ); let value_x3 = Blockly.JavaScript.valueToCode( block, 'X3', Blockly.JavaScript.ORDER_ATOMIC ); let value_y3 = Blockly.JavaScript.valueToCode( block, 'Y3', Blockly.JavaScript.ORDER_ATOMIC ); let code = ` context.moveTo(${value_x1}, ${value_y1}); context.lineTo(${value_x2}, ${value_y2}); context.lineTo(${value_x3}, ${value_y3}); context.lineTo(${value_x1}, ${value_y1}); ${next} `; return [code, Blockly.JavaScript.ORDER_NONE]; }; return { kind: "block", blockxml: ` 100 100 100 300 300 300 ` }; }43:Tfaf,function canvasBezierCurve(Blockly) { const name = BlocklyCanvasConstants.BezierCurve; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .appendField("BezierCurve"); this.appendValueInput("X1") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X1"); this.appendValueInput("Y1") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y1"); this.appendValueInput("X2") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X2"); this.appendValueInput("Y2") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y2"); this.appendValueInput("X3") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X3"); this.appendValueInput("Y3") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y3"); this.appendValueInput("X4") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X4"); this.appendValueInput("Y4") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y4"); this.setOutput(true, null); this.setColour(190); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let value_x1 = Blockly.JavaScript.valueToCode( block, 'X1', Blockly.JavaScript.ORDER_ATOMIC ); let value_y1 = Blockly.JavaScript.valueToCode( block, 'Y1', Blockly.JavaScript.ORDER_ATOMIC ); let value_x2 = Blockly.JavaScript.valueToCode( block, 'X2', Blockly.JavaScript.ORDER_ATOMIC ); let value_y2 = Blockly.JavaScript.valueToCode( block, 'Y2', Blockly.JavaScript.ORDER_ATOMIC ); let value_x3 = Blockly.JavaScript.valueToCode( block, 'X3', Blockly.JavaScript.ORDER_ATOMIC ); let value_y3 = Blockly.JavaScript.valueToCode( block, 'Y3', Blockly.JavaScript.ORDER_ATOMIC ); let value_x4 = Blockly.JavaScript.valueToCode( block, 'X4', Blockly.JavaScript.ORDER_ATOMIC ); let value_y4 = Blockly.JavaScript.valueToCode( block, 'Y4', Blockly.JavaScript.ORDER_ATOMIC ); let code = ` context.moveTo(${value_x1}, ${value_y1}); context.bezierCurveTo(${value_x2}, ${value_y2}, ${value_x3}, ${value_y3}, ${value_x4}, ${value_y4}); ${next} `; return [code, Blockly.JavaScript.ORDER_NONE]; }; return { kind: "block", blockxml: ` 100 100 100 300 300 300 300 100 ` }; }44:Tc8c,function canvasQuadraticCurve(Blockly) { const name = BlocklyCanvasConstants.QuadraticCurve; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .appendField("QuadraticCurve"); this.appendValueInput("X1") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X1"); this.appendValueInput("Y1") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y1"); this.appendValueInput("X2") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X2"); this.appendValueInput("Y2") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y2"); this.appendValueInput("X3") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X3"); this.appendValueInput("Y3") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("Y3"); this.setOutput(true, null); this.setColour(280); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let value_x1 = Blockly.JavaScript.valueToCode( block, 'X1', Blockly.JavaScript.ORDER_ATOMIC ); let value_y1 = Blockly.JavaScript.valueToCode( block, 'Y1', Blockly.JavaScript.ORDER_ATOMIC ); let value_x2 = Blockly.JavaScript.valueToCode( block, 'X2', Blockly.JavaScript.ORDER_ATOMIC ); let value_y2 = Blockly.JavaScript.valueToCode( block, 'Y2', Blockly.JavaScript.ORDER_ATOMIC ); let value_x3 = Blockly.JavaScript.valueToCode( block, 'X3', Blockly.JavaScript.ORDER_ATOMIC ); let value_y3 = Blockly.JavaScript.valueToCode( block, 'Y3', Blockly.JavaScript.ORDER_ATOMIC ); let code = ` context.moveTo(${value_x1}, ${value_y1}); context.quadraticCurveTo(${value_x2}, ${value_y2}, ${value_x3}, ${value_y3}); ${next} `; return [code, Blockly.JavaScript.ORDER_NONE]; }; return { kind: "block", blockxml: ` 100 100 100 250 400 100 ` }; }45:T6a8,function canvasText(Blockly) { const name = BlocklyCanvasConstants.Text; Blockly.Blocks[name] = { init: function() { this.appendValueInput("next") .setCheck(null) .appendField("文字"); this.appendValueInput("font") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("font"); this.appendValueInput("text") .setCheck("String") .setAlign(Blockly.ALIGN_CENTRE) .appendField("text"); this.appendValueInput("X") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("X"); this.appendValueInput("y") .setCheck("Number") .setAlign(Blockly.ALIGN_CENTRE) .appendField("y"); this.setOutput(true, null); this.setColour(280); this.setTooltip(""); this.setHelpUrl(""); } }; Blockly.JavaScript[name] = function(block) { let next = Blockly.JavaScript.valueToCode( block, 'next', Blockly.JavaScript.ORDER_NONE ); let font = Blockly.JavaScript.valueToCode( block, 'font', Blockly.JavaScript.ORDER_ATOMIC ); let text = Blockly.JavaScript.valueToCode( block, 'text', Blockly.JavaScript.ORDER_ATOMIC ); let value_x = Blockly.JavaScript.valueToCode( block, 'X', Blockly.JavaScript.ORDER_ATOMIC ); let value_y = Blockly.JavaScript.valueToCode( block, 'Y', Blockly.JavaScript.ORDER_ATOMIC ); let code = ` context.font = "${font}px Arial"; context.fillText(${text}, ${value_x}, ${value_y}); ${next} `; return [code, Blockly.JavaScript.ORDER_NONE]; }; }46:[] 3b:{"id":"3f438c465d42fef6","slug":"blockly-canvas-extensions/3","title":"Blockly Canvas Extensions","thumbnail":"20479a320012a359be4ba21e781d6bbd12723a23dbd20447e6985d2e31b7b1e0","access_level":"public","create_time":"$D2021-03-13T02:29:28.041Z","update_time":"$D2021-03-30T06:45:45.699Z","view_time":null,"first_public_time":"$D2021-03-13T02:40:43.784Z","has_unpublished_edits":null,"fork":{"id":"46d49e4256701ef3","slug":"blockly-canvas-extensions","title":"Blockly Canvas Extensions","owner":{"id":"2a278c3908e45a90","login":"fengyfei","name":"Feng Yifei"}},"stars":0,"starred":false,"owner":{"type":"team","id":"724a9d5ccf258909","login":"oiar","name":"Oiar","avatar_url":"https://avatars-next.observableusercontent.com/a47dea8beeceed2f4005f222dba473cbebc7e0c01f8ee6c053300a18ef20cd10","tier":"starter_2024","bio":"","following":false},"version":112,"publish_version":112,"role":null,"authored":false,"authors":[{"type":"individual","id":"5ed446de4f9df246","login":"oiar","name":"Oiar","avatar_url":"https://avatars-next.observableusercontent.com/a47dea8beeceed2f4005f222dba473cbebc7e0c01f8ee6c053300a18ef20cd10","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"5ed446de4f9df246","login":"oiar","name":"Oiar","avatar_url":"https://avatars-next.observableusercontent.com/a47dea8beeceed2f4005f222dba473cbebc7e0c01f8ee6c053300a18ef20cd10","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Blockly Canvas Extensions","cells":[{"id":0,"value":"md`# Blockly Canvas Extensions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`## Constants`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"BlocklyCanvasConstants = {\n return {\n BeginPath: 'beginpath',\n ClosePath: 'closepath',\n MoveTo: 'moveto',\n LineTo: 'lineto',\n Stroke: 'stroke',\n Fill: 'fill',\n Rect: 'rect',\n Arc: 'arc',\n Triangle: 'triangle',\n BezierCurve: 'bezierCurve',\n QuadraticCurve: 'quadraticCurve',\n Text: 'text'\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"md`## Register`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"function registerBlocklyCanvasExtensions(Blockly) {\n const category = {\n name: \"画板\",\n kind: \"category\",\n colour: 20,\n contents: [\n {\n name: \"路径\",\n kind: \"category\",\n colour: 120,\n contents: [\n canvasBeginPath(Blockly),\n canvasClosePath(Blockly),\n canvasMoveTo(Blockly),\n canvasLineTo(Blockly)\n ]\n },\n {\n name: \"形状\",\n kind: \"category\",\n colour: 160,\n contents: [canvasRect(Blockly), canvasBlocklyArc(Blockly), canvasTriangle(Blockly), canvasBezierCurve(Blockly), canvasQuadraticCurve(Blockly), canvasText(Blockly)]\n },\n {\n name: \"绘制\",\n kind: \"category\",\n colour: 180,\n contents: [canvasStroke(Blockly), canvasFill(Blockly)]\n }\n ]\n };\n\n return category;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`## Methods`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"md`### Begin Path`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$3d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"md`### ClosePath`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"function canvasClosePath(Blockly) {\n const name = BlocklyCanvasConstants.ClosePath;\n\n Blockly.Blocks[name] = {\n init: function() {\n this.appendDummyInput().appendField(\"closePath\");\n this.setInputsInline(false);\n this.setOutput(true, null);\n this.setColour(200);\n this.setTooltip(\"\");\n this.setHelpUrl(\"\");\n }\n };\n\n Blockly.JavaScript[name] = function(block) {\n let code = `\n context.closePath();`;\n\n return [code, Blockly.JavaScript.ORDER_NONE];\n };\n\n return {\n kind: \"block\",\n blockxml: ` `\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md`### Move To`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$3e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"md`### Line To`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"$3f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"md`### Stroke`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"function canvasStroke(Blockly) {\n const name = BlocklyCanvasConstants.Stroke;\n\n Blockly.Blocks[name] = {\n init: function() {\n this.appendValueInput('next').appendField(\"stroke\");\n this.setInputsInline(false);\n this.setOutput(true, null);\n this.setColour(225);\n this.setTooltip(\"\");\n this.setHelpUrl(\"\");\n }\n };\n\n Blockly.JavaScript['stroke'] = function(block) {\n let next = Blockly.JavaScript.valueToCode(\n block,\n 'next',\n Blockly.JavaScript.ORDER_NONE\n );\n let code = `\n context.stroke();\n ${next}\n `;\n\n return [code, Blockly.JavaScript.ORDER_NONE];\n };\n\n return {\n kind: \"block\",\n blockxml: ` `\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"md`### Fill`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"function canvasFill(Blockly) {\n const name = BlocklyCanvasConstants.Fill;\n\n Blockly.Blocks[name] = {\n init: function() {\n this.appendValueInput('next').appendField(\"fill\");\n this.setInputsInline(false);\n this.setOutput(true, null);\n this.setColour(325);\n this.setTooltip(\"\");\n this.setHelpUrl(\"\");\n }\n };\n\n Blockly.JavaScript['fill'] = function(block) {\n let next = Blockly.JavaScript.valueToCode(\n block,\n 'next',\n Blockly.JavaScript.ORDER_NONE\n );\n let code = `\n context.fill();\n ${next}\n `;\n\n return [code, Blockly.JavaScript.ORDER_NONE];\n };\n\n return {\n kind: \"block\",\n blockxml: ` `\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"md`### Rect`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"$40","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"md`### Arc`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"$41","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"md`### Triangle`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"$42","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"md`### BezierCurve`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"$43","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"md`### QuadraticCurve`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"$44","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"md`### Text`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 3c:"$3b:body"