jCanvaScript: мой JavaScript-framework для работы с html5 canvas
Недавно закончил создание первой версии своего JavaScript-framework'a для работы с элементом html5 canvas. Посмотреть примеры, документацию, оставить отзыв можно на официальном сайте проекта - jCanvaScript. Вообще, если заинтересовались - можете сразу проходить по ссылке и дальше смотреть уже там, но сразу предупреждаю - проекта на английском, русская версия сайта пока не готова.
В кратце расскажу об основных особенностях:
1. Все, что вы нарисуете на canvas с помощью jCanvaScript будет являться объектом. Со своими свойствами и методами.
2. Методы созданных вами объектов поддерживают цепочки, как в jQuery. Да и их интерфейся вам живо напомнят эту популярную библиотеку.
3. Все объекты умеют реагировать на события мыши и клавиатуры. А еще их можно делать .draggable() и .droppable() )))
4. Конечно же, свойтсва объектов jCanvaScript можно анимированно менять - координаты на canvase , цвет, блюр тени... Практически любые, вообщем.
Тут еще можно было бы привести пример кода, но, как мне кажется, это немного бессмысленно - он все равно не заработает в отсутствие подключенной библиотеки. Так что можете смотреть сразу в документации.
|
А как можно узнать по-подробнее о работе фреймворка, а то документации и примеров на оффсайте не хватает.
Что вам, например, хотелось бы узнать?
Мне бы хотелось узнать следующее:
Как можно с помощью jCanvaScript реализовать css свойство overflow : hidden
Например:
Я с помощью jc.line рисую паралеллограмм и вставляю туда картинку с помощью jc.image. Под этим паралеллограммом еще паралеллограмм с картинкой и т.д
Необходимо чтобы картинка была видна только внутри этого паралеллограмма (по высоте она больше его) и не налазила на другие паралеллограммы.
С помощью jc.composite перепробовал уже все, но все равно получается не так как надо
Может есть какие другие варианты как это можно сделать?
Может, .clip() - то, что вам нужно?
Используй метод clip
Здравствуйте, интересует следующее:
Как нарисовать линию или кривую с тенью? Если к объекту bCurve (например) применить shadow(), то концы кривой замыкаются прямой линией, и получившееся замыкание отбрасывает тень. Как добиться нормального эффекта?
Здравствуйте.
У меня такой баг не наблюдается, все работает так, как должно. Пример:
function start(idCanvas){ jc.start(idCanvas,25); jc.bCurve([[0,0,10,10,15,15],[30,30,20,50,15,15],[150,50,70,60,85,85]]) .shadow({x:2,y:2,color:'#000000',blur:5}); }Хм, действительно, сейчас с последней версией все ровно. Надо вовремя обновляться )
Спасибо, отличная библиотека. Удачи вам.
Отличная библиотека, есть пара вопросов:
1. А как можно задавать толщину линий?
2. Можно ли подписываться на события отдельных точек в ломанных и кривых? Хочется, чтобы кривую или ломанную можно было изменять мышкой
Отличная библиотека, разобрался моментально, не менее отличная документация, а то что только на английском - не беда, она итак понятная.
Библиотека в общих чертах легка для понимания , но есть много моментов которые не описываются в примерах и не понятно как некоторые вещи должны себя вести.
Например свойство .clip() как я понял экспериментальным путем работает только с самими простыми примитивами.
а над фигурой- ромбом образованной соединенными 4 отрезками прямой и закрашенной попросту не работает.
Так вот таких моментов достаточно.
Это можно исправить увеличением количеством примеров либо хотя бы более тщательным описание, а то многие вещи приходится проверять и думаешь "я сделал ошибку в коде либо такой код не предусмотрен самим фреймворком"
Roksa pl sopot
Roksa uległa
Anonse erotyczne piaseczno
Отправить комментарий
Приветствуются комментарии:- Полезные.
- Дополняющие прочитанное.
- Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.Для остальных вопросов и обсуждений есть форум.