Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- dojo.require('dojox.gfx');
- dojo.require('dojox.gfx.utils');
- dojo.require('dojox.gfx.move');
- dojo.require("dojo/on", function (on) {
- on(document, "text:click", clickHandler);
- });
- dojo.require("dojo/query!css2");
- var cardTemplate = '{{=it.template}}';
- console.log(cardTemplate);
- /* Set the init function to run when dojo loading and page parsing has completed. */
- dojo.ready(function(){
- /* Create our surface. */
- var drawing = dojox.gfx.createSurface(dojo.byId("dojo-object"), 340, 210);
- drawing
- .rawNode
- .style
- .backgroundImage = 'url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSCPAq1XniWl2D5Ca1-AtWRKHRRmUh4KX5SQAtgOZTL9tQeKijs_wrPnuM)';
- drawing
- .rawNode
- .style
- .backgroundRepeat = 'no-repeat';
- drawing
- .rawNode
- .style
- .backgroundSize = '100% auto';
- var controlsModule = DrawControlsModuleInit();
- drawModule.init(jQuery, dojox, drawing);
- var square = controlsModule.newSquareControl(10, 10, 10, 10, 'black', 'red');
- drawing.createImage(
- {
- width: 150,
- height: 100,
- src: 'https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSCPAq1XniWl2D5Ca1-AtWRKHRRmUh4KX5SQAtgOZTL9tQeKijs_wrPnuM',
- });
- drawing.createRect(square)
- .setFill('blue')
- .x = 150;
- var t = drawing.createText({
- text: 'Lorem ipsum',
- align: 'start',
- x: 10,
- y: 20
- });
- t.rawNode.className = 'moveable';
- t.setFill('black');
- t.setFont({
- family: 'Arial',
- size: 15
- });
- t = new dojox.gfx.Moveable(t);
- $('#button').on('click', function(event) {
- event.preventDefault();
- var json = dojox.gfx.utils.toJson(drawing);
- console.log(json);
- dojox.gfx.utils.fromJson(drawing, json);
- templateEventsInit('dojo-object', drawing.rawNode);
- new dojox.gfx.Moveable(drawing.children[2]);
- console.log('clicked');
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement