Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.05.2012, 16:11
Профессор
Отправить личное сообщение для l-liava-l Посмотреть профиль Найти все сообщения от l-liava-l
 
Регистрация: 14.03.2012
Сообщений: 1,808

подключение libcanvas
Доброго времени суток!
что то не получается подключить libcanvas
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />

  <script src="lib/libcanvas-full-compiled.js"></script>
<script>//украл скрипт с сайта для проверки.
LibCanvas.extract();
atom.dom(function() {
 var canvas  = atom.dom('canvas').first;
 var context = canvas.getContext('2d-libcanvas');

 context
  .fillAll( '#efebe7' )
  .fill( new Rectangle( 75, 75, 30, 30 ), 'green' )
  .fill( new Circle   ( 50, 50, 20 )    , '#c00'  );
});</script>
</head>
 <body>
  <canvas></canvas>
 </body>
</html>

Пробовал по всякому, знаю же что ничего сложного нет в этом.
а не получается.
Вообщем кто умеет помогите пожалуста
__________________
Научу себя плохому
Ответить с цитированием
  #2 (permalink)  
Старый 23.05.2012, 16:51
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Не работал с этой библиотекой но могу предположить что надо скрипт в body вставить-потому что только после загрузки рисовать можно, кроме того возможно что
var canvas  = atom.dom('canvas').first;
передается id и нужно написать внизу
<canvas id='canvas' width=500 height=300></canvas>

Последний раз редактировалось vadim5june, 23.05.2012 в 16:56.
Ответить с цитированием
  #3 (permalink)  
Старый 23.05.2012, 16:52
Аватар для DreamTheater
Профессор
Отправить личное сообщение для DreamTheater Посмотреть профиль Найти все сообщения от DreamTheater
 
Регистрация: 15.02.2011
Сообщений: 471

Atom не подключен.
Ответить с цитированием
  #4 (permalink)  
Старый 23.05.2012, 19:59
Профессор
Отправить личное сообщение для l-liava-l Посмотреть профиль Найти все сообщения от l-liava-l
 
Регистрация: 14.03.2012
Сообщений: 1,808

Цитата:
Не работал с этой библиотекой но могу предположить что надо скрипт в body вставить-потому что только после загрузки рисовать можно, кроме того возможно что
вставлял в тело, не помогло
Цитата:
Atom не подключен.
Насколько я понял я все криво подключаю.
Скачал либканвас https://github.com/theshock/libcanvas/downloads
но атома там небыло его докачал отсюда https://github.com/theshock/atomjs/downloads
Качал зипы, распоковал, указал в html-е путь к полным сборкам атома и либканвас. Никак.
__________________
Научу себя плохому
Ответить с цитированием
  #5 (permalink)  
Старый 23.05.2012, 21:04
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Вставляют в боди а id не надо было-простейший пример отсюда
http://libcanvas.github.com/
<html>
	<head>
		<meta charset="utf-8" />
		<title>LibCanvas :: Base animating</title>
		<link href="http://libcanvas.github.com/files/styles.css" rel="stylesheet" />
		<script src="http://libcanvas.github.com/files/js/atom.js"></script>
		<script src="http://libcanvas.github.com/files/js/libcanvas.js"></script>
	</head>
	<body>
		<canvas></canvas>
		
		<script>
new function () {
	var libcanvas = new LibCanvas('canvas').start();
                var shaper = libcanvas
		.createShaper({
			shape : new LibCanvas.Shapes.Circle(150, 75, 15),
			fill  : '#900',
			stroke: '#f00'
		});
               (function () {
		shaper.animate({
			props: {
				'shape.radius': 75,
				fill  : '#090',
				stroke: '#0f0'
			},
			time: 1000
		});
	}.delay(1000));
}
		</script>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 23.05.2012, 21:14
Профессор
Отправить личное сообщение для l-liava-l Посмотреть профиль Найти все сообщения от l-liava-l
 
Регистрация: 14.03.2012
Сообщений: 1,808

да точно получилось) благодарю!
__________________
Научу себя плохому
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подключение CSS через <link> Vit (X)HTML/CSS 8 27.05.2012 02:40
подключение функции js по ссылке DmitryT Элементы интерфейса 2 06.06.2011 08:34
Подключение куки.. Проблема.. Dorian_bs Общие вопросы Javascript 1 03.04.2011 13:17
Подключение jQueryUI NeoMurderer jQuery 3 27.03.2011 12:50
StarTeam (подключение JavaScript) Delovoy Общие вопросы Javascript 0 18.01.2011 15:52