使用jquery和CSS绘制十字符号 [英] draw cross symbol using jquery and CSS

问题描述

我使用Javascript在运行类型上创建了div元素来绘制不同类型的形状。我使用jquery和CSS绘制形状和使用像这样在我的项目。下面的代码为Diamond。

I have created div element on run type using Javascript to draw a different type of shape. I am using jquery and CSS to draw shape and using like this in my project. the below code for Diamond.

$(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样式来绘制形状。

Same like I want to draw cross symbol (+) using jquery and CSS. I refered the beow link. http://jsbin.com/defigayimace/1/edit. In that, they are using CSS only. But i want to append CSS styles with jquery to draw shape.

任何人帮助我？

b $ b Bharathi。

Thanks, Bharathi.

推荐答案

你真的需要使用CSS吗？

Do you really need to do that with CSS?

Heavy Greek cross的简单HTML实体不足以满足：&＃x271A; &＃x271A; ？

Won't a simple HTML entity for a "Heavy Greek cross" suffice: ✚ ✚?

查看更多HTML实体

这篇关于使用jquery和CSS绘制十字符号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！