2014-08-24 2 views
6

Я только начал изучать использование fabric.js, и я нахожу очень мало ресурсов, как установить его на моем сайте. Все, что я могу найти, это один stack overflow question, который ссылается на файл «all.min.js», который после быстрого поиска распакованного файла больше не существует.Как настроить Fabric.js?

Я пробовал интернет в течение последних нескольких часов, и это похоже на то, что оно должно быть общеизвестным! Я все еще застрял.

С каким файлом я должен ссылаться в своем HTML?

Редактировать: Чтобы уточнить, я загрузил большой ZIP-файл из github fabric.js. Я был в замешательстве относительно того, к какому файлу я должен подключиться, чтобы включить библиотеку.

ответ

4

Ткань следует довольно традиционное расположение распределения.

Вы хотите использовать файлы из каталога dist. fabric.js для разработки и fabric.min.js для живого сайта.

7

Все, что вам нужно сделать, загрузить fabric.js из HERE и сохранить его в JS файла с именем fabric.js, и создать файл HTML предположит index.html с ниже содержания.

Для запуска этого примера эти оба fabric.js и index.html должны быть в одной папке.

<html> 
<head> 
    <script src="fabric.js"></script> 
</head> 

<body> 
    <canvas id="canvas" width="800" height="450" style="border:1px solid #000000"></canvas> 
    <script> 
     var canvas = new fabric.Canvas('canvas'); 
     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; 
    </script> 
</body> 
</html> 

Опция

Вы можете скачать fabric.js в любом формате из HERE

+1

Я бы не рекомендовал использовать неизданную версию из контроля версий. Существует доступная версия выпущенной версии, и исходный вопрос подразумевает (обсуждая «распакованный файл»), который у них уже есть. – Quentin

+0

А, я вижу. Похоже, я загружал совершенно другую версию, которая была связана с их сайтом. Спасибо! То, что я загрузил, было массивным zip, полным тонны различных js-файлов. Изменить: На самом деле, похоже, я загрузил правильный файл, и я был просто смущен относительно места, к которому нужно было связаться. –

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