Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «генерация»
[Из песочницы] GraphicsJS – графическая JavaScript библиотека 2017-06-20 11:52:23
+ развернуть текст сохранённая копия
Перевод статьи. Англоязычный оригинал опубликован на SitePoint – "Introducing GraphicsJS, a Powerful Lightweight Graphics Library".
HTML5 – основа основ современного веба. И сегодня, когда встает задача создать интерактивную графику, выбор чаще всего падает на такие технологии, как SVG и Canvas. Flash позабыт, Silverlight – редкая птица, обитающая на задворках веба, и почти никто не помнит сторонние ActiveX и Java-плагины.
Плюсы и минусы SVG и Canvas хорошо известны – в целом все сводится к тому, что для создания интерактивных элементов и работы с ними больше подходит SVG. Это векторный формат, основанный на XML, и, когда изображение загружается на страницу с использованием тега <svg> , каждый его внутренний элемент становится доступен в SVG DOM.
В данной статье я хочу рассказать о GraphicsJS. Это мощная графическая JavaScript-библиотека с открытым исходным кодом, основанная на технологии SVG (VML для старых версий IE). Начну с краткого введения в основы GraphicsJS, а затем проиллюстрирую возможности библиотеки двумя небольшими, но наглядными примерами. Первый из них посвящен изобразительному искусству. Второй покажет, как менее чем за 50 строк кода сделать простую арт-игру в жанре таймкиллера. Читать дальше →
Тэги: anychart, api, dom, graphicsjs, html5, javascript, library, open, open-source, source, svg, tutorial, vml, zindex, анимация, бесплатное, веб-сайтов, виртуальный, генерация, графика, игр, интерактивная, исходный, код, открытое, открытый, процедурная, разработка, рисование, трансформации
Программа генерации всех вариантов 0,1 заданной длины (javascript) 2017-06-10 09:45:54
+ развернуть текст сохранённая копия
Продолжаю рубрику «Работаем с кодом», сегодня у нас реализация алгоритма для нахождения всех комбинаций 0,1 для векторов заданной длины. Исходник: function strInc(str, base) { str = str.toString() || '0'; base = base || 10; var result = []; var reverse = []; var overflow = 1; var n = 0; numbers = str.split(','); for(var i […]
Тэги: javascript, алгоритмы, вектор, генерация, код, кодом, пример, работаем
Простой способ генерации сигналов разной формы в аудио редакторе Audacity 2017-03-26 16:00:08
Если у Вас появилась какая-то задумка и для нее вам требуется сгенерировать сигнал заданной формы и ...
+ развернуть текст сохранённая копия
Если у Вас появилась какая-то задумка и для нее вам требуется сгенерировать сигнал заданной формы и частоты либо один из видов шума, то одним из самых простых и быстрых способов для решения этой проблемы может стать использование бесплатного мультиплатформенного аудио редактора Audacity. Данный аудио редактор имеет очень широкие возможности, и с лихвой удовлетворит запросы подавляющего ... Подробнее
Тэги: audacity, генерация, звук, сигнал, софт, цифровой
Как в Badoo генерируются изображения для «шаринга» в соцсетях 2015-11-23 16:10:47
Социальные сети — важный источник трафика. Нам выгодно, когда пользователи делятся контентом, и ...
+ развернуть текст сохранённая копия
Социальные сети — важный источник трафика. Нам выгодно, когда пользователи делятся контентом, и мы даем им такую возможность — у нас есть несколько видов контента, которым можно поделиться:
- свой профиль;
- чужой профиль (если его владелец это разрешил);
- свой рейтинг, отражающий популярность пользователя на сайте;
- награды, полученные пользователем за свои действия или действия других пользователей.
Чтобы пользователю хотелось делиться всем этим, мы генерируем специальные изображения, которые называем бейджами. Вот пример бейджа, который может получить пользователь:
Особенность бейджей состоит в том, что на них присутствуют фото самих пользователей, поэтому каждый видит и делится уникальными изображениями. В этой статье я расскажу, как мы генерируем такие изображения, с какими проблемами сталкивались и как их решали.
Читать дальше →
Тэги: badoo, php, баду, блог, генерация, изображений, интернационализация, компании, программирование, работа, разработка, текстом
Генерация html на PHP 2015-11-04 15:17:22
... свое решение по генерации html на PHP ...
+ развернуть текст сохранённая копия
Предлагаю вашему вниманию свое решение по генерации html на PHP. Задача вроде бы тривиальная, но хотелось бы, чтобы это было расширяемо, кратко, но в тоже время с хорошим функционалом. Получилось вроде не плохо.
Сразу скажу( как многие считают в комментариях), что задача ставилось не написать шаблонизатор (которых и так много) и не заменить шаблонизатор JavaScript. Я прекрасно знаю, что true way это разделять html и данные. Но мне понадобилось писать html в классах, для создания компонентов фреймворка, на подобие CGridView в yii, стоит ли в таких местах выносить html в отдельные файлы решать вам.
Основная цель, избавится от html в классах и функциях.
Простой пример, обычная кнопка:
CHtml::create()
->p()
->a(array('href' => 'http://habrahabr.ru', 'class' => 'btn'))
->text('Перейти')
->render();
Результат:
<p><a href="http://habrahabr.ru" class="btn">Перейти</a></p>
Ничего хитрого, можно было бы этим и ограничется, но захотелось циклы:
$arr = array('1' => 'Первый', '2' => 'Второй');
CHtml::create()
->select($options)
->each(CHtml::plainArray($arr, 'value', 'text'))
->option('array("value" => $data->value)')
->text('$data->text')
->end()
->endEach()
Тут понадобилось вызвать функцию plainArray() которая превращает массив в виде:
$arr = array(
array('value' => '1', 'text' =>'Первый'),
array('value' => '2', 'text' => 'Второй')
);
Теги внутри цикла могут содержать функции или строки с eval выражениями, вложенность любая, пример с таблицей:
$columns = array(
array('id' => 'NAME', 'label' => 'Имя'),
array('id' => 'AGE', 'label' => 'Возраст')
);
$data = array(
array('NAME' => 'Петр', 'AGE' => 29),
array('NAME' => 'Василий', 'AGE' => 32)
);
CHtml::create()
->table()
->thead()
->tr()
->each($columns)
->th()
->text(function($column){
return $column['label'];
})
->end()
->endEach()
->end()
->end()
->tbody()
->each($data)
->tr()
->each($columns)
->td()
->text(function($row, $column) {
return $row[$column['id']];
})
->end()
->endEach()
->end()
->endEach()
->render();
Читать дальше →
Тэги: html, php, генерация, шаблонизатор
Главная / Главные темы / Тэг «генерация»
|
Взлеты Топ 5
Падения Топ 5
|