这个目标似乎有几个不同的项目,具有不同的完成程度。我刚刚做了一个快速搜索,但那是我的第一印象。所以我想我应该问,有谁测试了一些不同的选择?你的经历是什么?
答案 0 :(得分:0)
我使用SVG和Haxe并且是一个smoth体验,首先我用inkscape创建我的所有svg然后用jquery extern操作它所以你有这样的东西
var width:Int = seatmap.innerWidth();
var vsvg:SVGElement = cast(new JQuery("#seatmap").find("svg")[0],
SVGElement);
var height:String = vsvg.getAttribute("height");
if (height > 1200) {
vsvg.setAttribute('viewBox', "0 0 1200 "+ height);
}else if (width <= 1200 && width > 1024) {
vsvg.setAttribute('viewBox', "0 0 1500 "+ height);
} else if (width <= 1024) {
vsvg.setAttribute('viewBox', "0 0 1900 "+ height);
}
你也可以动态改变属性
new JQuery("#xxx-" + aaa.bb).attr("fill-opacity","1");
new JQuery("#aax-" + aaa.bb).attr("fill","#ff0");
您可以使用Rafael.js和D3.js externs for haxe来动态呈现内容,使用javascript externs与javascript相同但你有强大的类型并避免javascript怪异。 希望这会有所帮助。