Рисование на холсте с использованием файла JSON

Я пытаюсь вызвать информацию о строке из объекта json в холст с помощью ajax. Я новичок в json, поэтому я не совсем уверен, как это сделать. Вот что я до сих пор.Рисование на холсте с использованием файла JSON

JSON

{ 
    "line": { 
     "width": 3, 
     "stroke": "#FFFFFF", 
     "x1": "640.386", 
     "y1": "258.163", 
     "x2": "816.364", 
     "y2": "258.163" 
    } 
}

$(document).ready(function(){ 
    var canvas = document.getElementById("schematic_holder"); 
    var ctx = canvas.getContext("2d"); 

    $.ajax({ 
     type: "GET", 
     dataType: "json", 
     url: "js/app/json/nst.json", 
     success: function(result){ 
      $.each(result.line, function(){ 
       console.log(result.line); 
      }) 
     }, 
     complete: function(){ 
      console.log("Complete!"); 
     } 
    }) 
})

HTML

<body> 
    <canvas id="schematic_holder"></canvas> 
</body>

Прямо сейчас, когда я печатаю на кон Подошва, я получаю неопределенную ошибку. Я называю объект неправильным? Я знаю, как получить линии, чтобы рисовать с холстом, я просто смущен о том, как это сделать из файла JSOn. Заранее спасибо.

источник

2015-03-10 Anonymous

Первый проверить, что ответ, и если у него есть строки ребенка - console.log (результат) –

Какие строки из '' js' на console' возвращает 'undefined' ошибку? Может включать сообщение об ошибке в OP? – guest271314

@ PawełDuda Хорошо, я получаю 'Object {}' в журнале консоли. поэтому он не показывает детей. –

Попробуйте обертывание весь файл JSON в скобках [], как этот

[{ 
    "line": { 
     "width": 3, 
     "stroke": "#FFFFFF", 
     "x1": "640.386", 
     "y1": "258.163", 
     "x2": "816.364", 
     "y2": "258.163" 
    } 
}]

источник

2015-03-10 19:29:25 Jacob

Рисование на холсте с использованием файла JSON

ответ

Смежные вопросы