使用 jquery 和 CSS 绘制十字符号答案

【问题标题】：draw cross symbol using jquery and CSS使用 jquery 和 CSS 绘制十字符号
【发布时间】：2014-09-27 19:25:56
【问题描述】：

我使用 Javascript 在运行类型上创建了 div 元素来绘制不同类型的形状。我正在使用 jquery 和 CSS 来绘制形状并在我的项目中使用这样的方法。下面的钻石代码。

$(symbol).css({

    "width": options.ShapeSize.width/2,
    "height": options.ShapeSize.height/2,
    "left": (evt.startX),
    "top": (evt.startY),
    "border-style": "solid",
    "background-color": options.Style.Color,
    "border-color": options.Style.BorderColor,
    "margin": "3px 0 0 30px",
    "transform": "rotate(-45deg)",
    "transform-origin": "0 100%",
  });

就像我想使用 jquery 和 CSS 绘制十字符号 (+)。我参考了以下链接。 http://jsbin.com/defigayimace/1/edit。在那里，他们只使用 CSS。但我想用 jquery 附加 CSS 样式来绘制形状。

有人帮帮我吗？

谢谢，婆罗地。

【问题讨论】：

只使用 css 有什么问题？这是一个干净且简单的解决方案。
drawing CSS cross shape with jquery的可能重复

标签： javascript jquery html css css-shapes

【解决方案1】：

你真的需要用 CSS 来做这件事吗？

对于“沉重的希腊十字架”来说，一个简单的 HTML 实体还不够：✚ &#x271A;?

See more HTML entities

【讨论】：