javascript - enyo框架整合哪个raphael

javascript - enyo框架整合哪个raphael,第1张

我正在尝试将Raphael与enyo.js集成以使用Raphael而不是通过enyo创建SVG组件,因此我可以使用一些Raphael功能。我想用它的子组件div替换默认渲染的svg,我在jsfiddle下创建了。任何人都可以帮我解决这个问题吗?

http://jsfiddle.net/stackit/uzjafamo/8/

代码

enyo.kind({
    name: "Board",
    kind: "enyo.Control",
    paper: null,
    create: function(){
       this.inherited(arguments);
    },
    rendered: function(){
         this.inherited(arguments);  
        if(this.hasNode()){
            paper = Raphael(this.hasNode().id, 100, 100);
          }

    }
})


enyo.kind({
    name: "pages",
    kind: "enyo.Control",
    create: function(){
        this.inherited(arguments);
        this.loadView();
    },
    loadView: function(){
        if(!this.$.board){
            var com = this.createComponent({
                name: "board",
                kind: "Board",
            },{
                owner: this
            });
            com.render();
        }
    }
});



new pages().renderInto(document.getElementById("cans"));

最佳答案:

1 个答案:

答案 0 :(得分:0)

我看着你的小提琴,看到了一点可以改进。 jsFiddle容器虽然最初给了我一些麻烦,直到我出于某种原因分叉它。

以下是我提出的问题:http://jsfiddle.net/Djspaceg/5qyLej05/4/

enyo.kind({
    name: "Board",
    kind: "enyo.Control",
    paper: null,
    create: function () {
        this.inherited(arguments);
    },
    rendered: function () {
        this.inherited(arguments);
        if (this.hasNode() && !this.paper) {
            this.generateRaphael();
        }
    },
    generateRaphael: function () {
        this.paper = Raphael(this.hasNode().id, 100, 100);
    }
});

enyo.kind({
    name: "pages",
    kind: "enyo.Control",
    create: function () {
        this.inherited(arguments);
        this.loadView();
    },
    loadView: function () {
        if (!this.$.board) {
            var com = this.createComponent({
                name: "board",
                kind: "Board",
            });
            com.render();
        }
    }
});

new pages().renderInto(document.getElementById("cans"));

它只会生成一个空的拉斐尔画布。

干杯!

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复