disegna il simbolo della croce usando jquery e CSS

Ho creato l’elemento div sul tipo di esecuzione usando Javascript per disegnare un diverso tipo di forma. Sto usando jquery e CSS per disegnare forms e utilizzarle in questo modo nel mio progetto. il codice sottostante per 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%", }); 

Come se volessi disegnare il simbolo della croce ( + ) usando jquery e CSS. Ho fatto riferimento al link di Beow. http://jsbin.com/defigayimace/1/edit . In questo, stanno usando solo i CSS. Ma voglio aggiungere gli stili CSS con jquery per disegnare la forma.

Qualcuno mi aiuti?

Grazie, Bharathi.

Hai davvero bisogno di farlo con i CSS?

Non sarà sufficiente una semplice quadro HTML per una “croce greca pesante”: ✚ ?

Vedi più quadro HTML