使用canvas或svg绘制自定义矩形形状，它支持IE7

Question

我需要一些方向来绘制以下自定义形状矩形与canvas或svg或甚至与css，它支持IE7。

任何Javascript Jquery插件欢迎。

http://jsfiddle.net/349x9/1087/ 感谢

Answer 1

你可以使用拉斐尔。在代码中使用您的点来获取路径所需的坐标。 你用Raphael命令创建一个“画布”......

初始化画布的简单命令就在这里......

http://raphaeljs.com/

直接在这里玩路径.. http://www.irunmywebsite.com/raphael/additionalhelp.php?q=paper.path

Answer 2

由于Canvas元素在IE7中不起作用，我建议你使用excanvas。这是一个简单的JavaScript，可以帮助您在页面上渲染Canvas。只需将其添加到页面的标题中，然后只需添加canvas元素并在页面上执行常用的操作即可使用它。

我在这里更新了http://jsfiddle.net/349x9/1088/我实际保存了样本。在IE上查看excanvas的链接是http://code.google.com/p/explorercanvas/

Canvas的最佳教程可以在下面找到： -

• html5canvastutorials
• developer.mozilla.org
• html5_ref_canvas

要了解不同的框架以便进一步使用canvas，请参阅此链接

• 10-javascript-canvas-frameworks对于某些进步/直观/创造性工作

Answer 3

CSS边框三角形是一种适用于IE7的解决方案，无需JavaScript：jsfiddle demo。

另一个显示4种直角三角形的demo。