2

独自のベクター グラフィックスを使用して、非常に特殊な JavaScript アプリケーションを作成しました。このアプリケーションを補完するために、独自のホットリンク可能な API をホストしたいと考えており、ベクター グラフィックスを API に直接埋め込むことができれば、非常に整然としたものになると考えました。

私はそれがフォントでできることを知っています (cufon を思い出してください。Google が Web フォントをターボチャージする前はかなり良いものでした)。また、古いバージョンのブラウザーをサポートする必要はありません。これをどのように行うつもりですか？

4

2 に答える 2

2

はい、SVG を HTML に埋め込むことができます。この<svg>タグは標準になりました。

それだけでなく、javascript から svg を操作することもできます。jquery.svg ライブラリを使用します。使い方は簡単で、楽しいです。

これを試して...

<script type="text/javascript" src="jquery.svg.js"></script>
....

$(function() {
  var div=$("#sample");
  div.svg();
  var svg = div.svg('get');
  svg.load('chart.svg');
  setInterval(function () {
    draw(svg,div.width());
  }, 1000);
});

function draw(svg,w) {
  svg.circle(Math.random()*w, 
             Math.random()*w, 
             Math.random()*(w*.10)+10); 
}
于 2013-08-01T16:04:32.357 に答える
1

svg適切な内容の svg タグを追加することで、HTML に画像を直接埋め込むことができるようです。そのため、Javascript や JQuery からも同様にdocument.createElement.

[編集] 例を探しているときに、名前空間が関係しているため、もう少し作業を行う必要があることを示すこの別の質問を見つけました。

于 2013-08-01T15:03:56.297 に答える