Question

有人可以帮我用jquery代码绘制十字（ + ）形状吗？我不想使用CSS样式。想通过jquery附加所有CSS样式，如下面的代码。

 $(symbol).css({
        "width": options.ShapeSize.width,
        "height": options.ShapeSize.height,
        "border-style": "solid",
        "background-color": options.Style.Color,
        "border-color": options.Style.BorderColor,
        "border-width": options.Style.BorderWidth,
    });

我只想使用jquery这个形状。 jsfiddle example

Answer 1

使用transform:rotate(...deg)

#cross {
   width: 100px;
   height: 100px;
   position: relative;
     -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

或者

使用这段jQuery并添加其他css属性，如

$("#cross").css({width: "100px",
   height: "100px",
   position: "relative"
})

用jquery绘制CSS十字形状

1 个答案:

或者

DEMO

Updated Demo