Какой рейтинг вас больше интересует?
						
						
						
					 
				 
				
								
				
				
				
				
				
				 | 
				
					
					
					
						Главная /  Главные темы /  Тэг «генерация»
					 
					
					
						  
						
							
																																					[Из песочницы] 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 
					
									 
				
				
				
				
								
				
				 |