小编Sud*_*han的帖子

我有一些SVG元素组合在一个<g>元素中.我只想设置该<g>元素以显示元素分组.就像我想给它一些背景颜色和边框.如何实现？

我尝试fill并stroke归因于<g>元素,但它不起作用.怎么可能？提前致谢!

在这里取样

<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
    <g fill="blue" stroke="2">
            <rect id="svg_6" height="112" width="84" y="105" x="136" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#00ff00"/>
        <ellipse fill="#FF0000" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" cx="271" cy="156" id="svg_7" rx="64" ry="56"/>
    </g>
</svg>

我正在使用D3js拖动.单个元素被拖得很好.但我想拖动一组元素.如何做到这一点.这是我的Js Fiddle链接:

  function onDragDrop(dragHandler, dropHandler) {
        var drag = d3.behavior.drag();

    drag.on("drag", dragHandler)
    .on("dragend", dropHandler);
    return drag;
    }

    var g = d3.select("body").select("svg").append("g")
    .data([{ x: 50, y: 50 }]);

    g.append("rect")
    .attr("width", 40)
    .attr("height", 40)
    .attr("stroke", "red")
    .attr("fill","transparent")
    .attr("x", function (d) { return d.x; })
    .attr("y", function (d) { return d.y; })
    .call(onDragDrop(dragmove, dropHandler));

    g.append("text")
    .text("Any Text")
    .attr("x", function (d) { return d.x; })
    .attr("y", function (d) { return d.y; })
    .call(onDragDrop(dragmove, dropHandler));

    function dropHandler(d) {
       // alert('dropped');
    } …

我正在使用knockoutjs来绑定选择列表.这是一个示例 ,我想获取选定的选项文本而不是选定的值.

如何使用knockoutjs获取它？

<select id="projectMenu" name="projectMenu" data-bind="   
        value: selectedProject,
        options:        projectFilters,
        optionsText:    'a', 
        optionsValue:   'b',   
        optionsCaption: '-- Select Project --'
    ">
    </select>
<b>Selected Project:</b> <span data-bind="text: selectedProject"></span>

在这里演示

我用knockoutjs绑了一个标签.值绑定始终应为小写.虽然它将在js模型中保持大写.这该怎么做 ？

使用Javascript

var model = { 
    name:ko.observable("Test") 
}

ko.applyBindings(model);

HTML

<label data-bind="text:name">

我正在使用D3.js拖动SVG元素,使用D3.js拖动的概念.拖动工作正常,但我想在dragend上调用一个函数.怎么做？

这是jsFiddle链接.我只是想在dragend上调用一个函数.

我应该试试

var drop = d3.behavior.drag()
  .on("dragend", function () { alert(); });

我正在尝试使用JSON.stringify()方法将javascript对象转换为json .我的问题是,当它对对象进行sting化时,它只会对对象的键和值进行sting化.它不包含对象名称.

我希望输出像{"Color" : "{"Name":"background","Type":"Color","Value":"Red"}"}但输出来了{"Name":"background","Type":"Color","Value":"Red"}.

这是Demo.

我知道json的工作原理是这样的,但我希望能够实现这一目标.提前致谢 !

我有一个div,我想在其中添加另一个div.但是,通过使用appendChild()它总是在容器元素的末尾插入DOM元素.但我想将它插入容器的开头div.
怎么做到这一点？

var newDiv= document.createElement('div');
newDiv.innerHTML = "<input type='text'/>";
var item = document.getElementById('containerDivId');
item.appendChild(newDiv);`

我可以同时使用带有多个对象的'with'关键字吗？我试图嵌套它们,但失败了.那么最好的方法应该是什么呢？

var firstVariable ={a: 0, b: 0, c:0};
var secondVariable ={qw :98, ety :367, hg: 356};

with(firstVariable){
    with(secondVariable){  
        a = qw;
        b = ety;
        c = hg;
    }
}