この目標には、完了レベルが異なるいくつかの異なるプロジェクトがあるようです。クイック検索をしたところですが、それが第一印象でした。だから私は私が尋ねるべきだと思った、いくつかの異なるオプションをテストした人はいますか?あなたの経験は何でしたか?
1 に答える
私は Haxe で SVG を使用していますが、スムーズな体験でした。最初にすべての SVG をinkscape で作成し、次にそれを 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.js extern を使用してコンテンツをオンザフライでレンダリングできます。javascript extern の操作は javascript と同じですが、強力な型があり、javascript の奇妙さを回避できます。お役に立てれば。