相关疑难解决方法(0)

我正处于JS项目的早期阶段.到目前为止,除了一个形状的定位外,一切都很顺利.所讨论的形状是蓝绿色钻石(正方形旋转45度).我可以让屏幕上的方块没问题,但是当我添加:

    .attr("transform", "rotate(45)")

正方形旋转正确,但向屏幕的左侧部分移动,如下所示:

我不确定是什么导致这种情况发生.如果有帮助,这里有一些产生这个结果的代码:

var svg = d3.select("body")
            .append("svg")
            .attr("width", w)
            .attr("height", h);
        svg
            .append("rect")
            .attr("transform", "rotate(45)")
            .attr("x", 250)
            .attr("height", w / 10)
            .attr("width", w / 10)
            .attr("fill", "teal")

注意:如果我输入"y"属性,则方块完全消失.

是什么造成的？我做错了什么,我看不到？