使用 haxe/nme 渲染 svg 的选项答案

【问题标题】：Options for rendering svg using haxe/nme使用 haxe/nme 渲染 svg 的选项
【发布时间】：2013-03-16 12:08:26
【问题描述】：

似乎有几个不同的项目以这个目标为目标，完成程度不同。我刚刚做了一个快速搜索，但这是我的第一印象。所以我想我应该问一下，有人测试过一些不同的选择吗？你的经历是什么？

【问题讨论】：

我没有测试过任何一个，但我认为 HaxeNME Github 帐户上的那个是我首先尝试的那个：github.com/haxenme/svg/tree/master/format/svg ...也许可以在NME 论坛是否有人对其他各种库有经验？ nme.io/community/forums
如果您找到了一个好的解决方案，请确保留下您自己问题的答案，以便我们其他人将来知道:)

【解决方案1】：

我将 SVG 与 Haxe 一起使用，体验很流畅，首先我使用 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 进行 haxe 动态渲染内容，使用 javascript externs 与 javascript 相同，但您具有强大的类型并避免 javascript 怪异。希望这会有所帮助。

【讨论】：