1

次の JavaScript を使用して、Inkscape から生成されたいくつかのポイントを使用して SVG 六角形を作成できます。

var createHex = function(fill) {
    var NS = 'http://www.w3.org/2000/svg';
    var hexagon = document.createElementNS(NS, 'path');
    hexagon.setAttribute('d', 'm 311.5022,270.79644 62.8676,108.88986 -62.86759,108.88987 -125.73518,1e-5 -62.8676,-108.88986 62.86759,-108.88987 z');
    hexagon.setAttribute('fill', fill);
    hexagon.setAttribute('style', 'opacity:0.125');
    return hexagon;
}

それでも、Javascript の数学と文字列の連結で点の生成を同じ方法で処理しようとしても、関数は何も返せません。

var test = function(fill) {
    var NS = 'http://www.w3.org/2000/svg';
    var test = document.createElementNS(NS, 'path');
    var pt1x = 1 * 300;
    var pt1y = 0 * 300;
    var pt2x = (1/2) * 300;
    var pt2y = (sqrt(3)/2) * 300;
    var pt3x = (-1/2) * 300;
    var pt3y = (sqrt(3)/2) * 300;
    var pt4x = -1 * 300;
    var pt4y = 0 * 300;
    var pt5x = (-1/2) * 300;
    var pt5y = (-sqrt(3)/2) * 300;
    var pt6x = (1/2) * 300;
    var pt6y = (-sqrt(3)/2) * 300;
    test.setAttribute('d', 'm ' + pt1x + ',' + pt1y + ' ' + pt2x + ',' + pt2y + ' ' + pt3x + ',' + pt3y + ' ' + pt4x + ',' + pt4y + ' ' + pt5x + ',' + pt5y + ' ' + pt6x + ',' + pt6y + ' z');
    test.setAttribute('fill', fill);
    test.setAttribute('style', 'opacity:0.125');
    return test;
}

私は JavaScript と SVG の両方が初めてです。私が欠けているものを教えてくれる人はいますか？

4

1 に答える 1

2

コンソール ログでエラーを確認します。 sqrt()グローバルな JavaScript 関数ではありません。あなたがしたいMath.sqrt()。

于 2013-09-22T03:25:18.403 に答える