使用haxe/nme呈现svg的选项

Question

似乎有几个不同的项目实现了这个目标，具有不同的完成水平。我刚刚做了一个快速搜索，但这是我的第一印象。所以我想我应该问问，有没有人测试过不同的选项？你的经历是什么？

Answer 1

我在Haxe中使用SVG，体验非常流畅。首先，我使用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");

你可以使用haxe的Rafael.js和D3.jsexterns来动态呈现内容，使用javascript externs和javascript是一样的，但是你有强类型，避免了javascript的怪异。希望这能有所帮助。