html5制作区域,html5 canvas 2d制作人体和填充区域

我从来没有与SVG

工作不要担心SVG是几乎相同的HTML，也有这样的，当然不同的标签/属性和,.但是，如果你能够处理HTML，而不是距离能够操纵SVG的百万英里以外的地方。

例如，为了让事情变得非常简单，我制作了两个圆角正方形，甚至使用CSS对它们进行着色。我甚至用CSS：动画悬停的伪类来制作悬停效果。当然，你甚至可以使用Javascript来进行更改，甚至从Ajax查询中获取数据等。

什么是真正整洁的，你可以使用像Adobe Illustrator，InkScape或任何矢量绘图工具，支持SVG的东西，使他们，甚至可以使用Online SVG绘图工具。然后您可以复制粘贴SVG文本，添加像.leftArm，.torso等类，并使用所有普通的JavaScript工具添加类，删除它们等。如果您喜欢，jQuery甚至可以使用它来进行更改。

最后SVG是可扩展的，所以已经有Retina显示功能。 IOW：他们会在任何设备上看起来棒极了。

.hover-check {

fill: navy;

transition: fill 1s ease;

}

.hover-check:hover {

fill: red;

}

xmlns="http://www.w3.org/2000/svg">