CODEWITHSUNDEEP
jqueryhtmlcsscanvassvg
JAML
JAML

Reputation: 215

Draw custom rectangle shape with canvas or svg, which has support for IE7

I need some direction to draw the following custom shape rectangle with canvas or svg Or even with css, which has support for IE7.

any Javascript Jquery plugin welcome.

http://jsfiddle.net/349x9/1087/ thanks

Upvotes: 1

Views: 1282

Answers (3)

Matt Coughlin
Matt Coughlin

Reputation: 18906

CSS border triangles are a solution that works in IE7, with no JavaScript required: jsfiddle demo.

Another demo showing the 4 types of right triangles.

Upvotes: 0

Shiv Kumar Ganesh
Shiv Kumar Ganesh

Reputation: 3825

Since Canvas element does not work in IE7 I would suggest you to use excanvas. It is a simple JavaScript which would help you to render Canvas on your page. It is used simply by adding it to the header of your page and then just adding canvas element and doing your usual stuff on the page.

I have updated it here http://jsfiddle.net/349x9/1088/ I have actually saved the sample. Check it on IE the link to excanvas is http://code.google.com/p/explorercanvas/

The best tutorials for Canvas can be found below:-

For Knowing different frameworks to work further with canvas refer this link

Upvotes: 0

Chasbeen
Chasbeen

Reputation: 1436

You could use Raphael. Use your points in the code for the coordinates you need for the path. You create a "canvas" with the Raphael command...

For the simple command to initialize the canvas go here...

http://raphaeljs.com/

Play with path straight away here.. http://www.irunmywebsite.com/raphael/additionalhelp.php?q=paper.path

Upvotes: 1

Related Questions