Хобрук: Ваш путь к мастерству в программировании

Исключение из функции Tracker afterFlush: fabric.Canvas не является конструктором

Я разрабатываю приложение fabric.js через meteor. Я включил файл http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.4.0/fabric.min.js в проекте, и я пытаюсь определить простой холст следующим образом:

Template.formatter.rendered = function () {

  var canvas = new fabric.Canvas('fabriccanvas'); //<-- error Line
    canvas.add(new fabric.Circle({ radius: 30, fill: '#f55', top: 100, left: 100 }));

    canvas.selectionColor = 'rgba(0,255,0,0.3)';
    canvas.selectionBorderColor = 'red';
    canvas.selectionLineWidth = 5;


}

Но я получаю ошибку Exception from Tracker afterFlush function: fabric.Canvas is not a constructor. Я очень новичок в этих средах и буду очень признателен за любую помощь от вас, экспертов, чтобы решить эту проблему :) спасибо

exception javascript canvas meteor fabricjs
24.02.2015

Ответы:


1

Убедитесь, что у вас есть скрипт в /client/compatibility

Эта папка предназначена для совместимости библиотек JavaScript, которые полагаются на переменные, объявленные с помощью var на верхнем уровне, которые экспортируются как глобальные. Файлы в этом каталоге выполняются без переноса в новую область переменных. Эти файлы выполняются перед другими клиентскими файлами JavaScript.

из документа meteor structuringyourapp

24.02.2015
  • Привет, спасибо за ответ. Я попробовал оба ваших предложения. это не опечатка, так как это решение отлично работает в jsfiddle. и после удаления ключевого слова new я получаю сообщение об ошибке Exception from Tracker afterFlush function: fabric.Canvas is not a function 24.02.2015
  • Куда вы положили сценарий? в папке /lib? 24.02.2015
  • или положить их в эту папку client/compatibility 24.02.2015
  • Привет .. это сделало трюк! если бы вы могли обновить ответ, я мог бы отметить его. У меня он был в папке lib. Могу я узнать, почему он должен быть в папке client/compatibility? 24.02.2015
    • Новые материалы
    Блоги, которые обязательно нужно прочитать специалистам по обработке и анализу данных :
    Добро пожаловать в 2020! Новый год и новое десятилетие. Поскольку мы начинаем новый и захватывающий год в науке о данных, важно, чтобы профессионалы открыли для себя лучшие блоги по науке о..
    Универсальный базовый доход
    Универсальный базовый доход В последние годы концепция всеобщего базового дохода (УБД) набирает обороты как все более эффективное решение для борьбы с растущим неравенством доходов и..
    Освоение Python для анализа финансовых данных: руководство по получению данных о доходах от акций
    Если вы хотите научиться получать данные о доходах от акций с помощью Python, то это руководство для вас! В этой статье мы рассмотрим несколько примеров сбора данных о доходах от акций. Мы..
    Абсолютно имеет смысл.
    Абсолютно имеет смысл. Мой репетитор даже предложил то же самое. Одна проблема, с которой я столкнулся, заключается в том, что для каждой из категорий не было ярлыка «хорошо». Если я перебираю..
    МАШИННОЕ ОБУЧЕНИЕ И EDA
    Каковы шаги в машинном обучении Определение проблемы Генерация гипотез Извлечение данных Исследование данных Прогнозное моделирование Развертывание модели Зачем нам ЭДА? Идентификация..
    В чем основные различия между ReactJS и React-Native?
    В чем основные различия между ReactJS и React-Native? Что я узнал, создавая веб-приложения, а затем мобильные приложения на React React-Native существует уже около 2 лет и стал..
    LeetCode — Умножение строк
    Постановка задачи Даны два неотрицательных целых числа num1 и num2 , представленные в виде строк, вернуть произведение num1 и num2 , а также представлен в виде строки. Примечание . Вы..