0

KineticJS の Line オブジェクトの getPoints() メソッドは、ポイントの配列を返しません。問題を説明するフィドルを作成しました。

フィドルには、test()機能を実行するボタンを配置しました。

私のコードは次のとおりです。

var stage = new Kinetic.Stage({
container: 'main',
width: 1200,
height: 400,
});

var linesLayer = new Kinetic.Layer();
var textLayer = new Kinetic.Layer();

var testLine = new Kinetic.Line({
     points: [100, 100, 100, 200],

    stroke: 'red',
    strokeWidth: 3});

linesLayer.add(testLine);

function test(){

var context = textLayer.getContext();
context.font = '18pt Calibri';
context.fillStyle = 'black';

context.fillText(testLine.getPoints().join(),100,350);

}
stage.add(linesLayer);

stage.add(textLayer);

test()関数の実行時に画面に表示される結果は であり、その[object Object],[object Object]理由や対処方法がわかりません。ヘルプ？

みんなありがとう！

4

1 に答える 1

1

実際、そうです。これは 2 つのオブジェクトの配列を返し (出力で既に確認できるように)、これらのオブジェクトにはすべて x と y の 2 つの値が含まれています。

testLine.getPoints() をログに記録した場合のコンソールのスクリーンショットを次に示します。

ここに画像の説明を入力

于 2013-05-30T06:31:13.387 に答える