gtk-vector-screenshot: теперь в Debian sid!

2011-07-05T13:01:00.007+03:00

Вчера автор gtk-vector-screenshot, Joachim Breitner, сообщил о том, что его разработка успешно создаёт скриншоты окна Epiphany (об этом ему в свою очередь сообщил Martin Borgert). Так что те, кто читал мой предыдущий пост и заинтересовался идеей, могут подключать репозитории sid и ставить себе вкусняшку — она уже работает ;)

Оригинальный пост

UPD 14.07.2011: по просьбам трудящихся своро^Wскопировал из оригинального поста превьюшку PDF'ки.

Скриншоты в PDF с GTK 3

2011-06-21T01:01:00.004+03:00

Для тех, кто не читает Planet Debian, маленький итог из двух тамошних постов.

Joachim Breitner разработал небольшой модуль, который, будучи загруженным вместе с GTK3-приложением, отображает кнопку, с помощью которой можно создать скриншот окна и сохранить его в PDF, SVG, PostScript или даже PNG. Преимуществом таких скриншотов является то, что они представляют собой векторную графику, а значит:

текст на них индексируем и по нему можно производить поиск
они идеально масштабируются, а значит, электронные мануалы с их использованием выглядят привлекательно вне зависимости от разрешения экрана и размеров окна вьювера

На пример такого скриншота можно поглядеть в этой pdf'ке, а здесь можно скачать скринкаст (Ogg Theora, 2Mb), в котором показан процесс её создания. Архивы с исходниками можно скачать здесь, а репозиторий — найти на gitorious.org.

Собственно, те самые два поста, в которых Joachim описывает свой модуль:

Занимательное JavaScript программирование

2010-02-24T17:49:00.007+02:00

Привет!

Недавно мой сосед показал мне главную страничку ВКонтакта со счётчиком ~~идиотов~~зарегистрированных пользователей и обратил внимание на то, что инет отключен, а счётчик работает дальше. Ясен пень, что реализовано сиё счастье с помощью JavaScript, потому и работает в оффлайне. Сосед получил разъяснения и успокоился, а у меня зачесались руки — стало интересно, как же работают такие счётчики.

Я взял код главной ВКонтакта, а также login-страницы GMail, на которой присутствует счётчик предоставляемого пользователям места, и проанализировал используемый там код. Если вам всё ещё интересен весь этот бред — читайте дальше :)

Начнём с гугла.
Код:

// Estimates of nanite storage generation over time.
var CP = [
[ 1199433600000, 6283 ],
[ 1224486000000, 7254 ],
[ 2144908800000, 10996 ],
[ 2147328000000, 43008 ],
[ 46893711600000, Number.MAX_VALUE ]
];

function updateQuota() {
 if (!quota_elem) {
 return;
 }
 var now = (new Date()).getTime();
 var i;
 for (i = 0; i < CP.length; i++) {
 if (now < CP[i][0]) {
 break;
 }
 }
 if (i == 0) {
 setTimeout(updateQuota, 1000);
 } else if (i == CP.length) {
 quota_elem.innerHTML = CP[i - 1][1];
 } else {
 var ts = CP[i - 1][0];
 var bs = CP[i - 1][1];
 quota_elem.innerHTML = format(((now-ts) / (CP[i][0]-ts) * (CP[i][1]-bs)) + bs);
 setTimeout(updateQuota, 1000);
 }
}

Теперь пошагово разберём процесс получения надписи вроде “Over 2757.272164 megabytes (and counting) of free storage”.

Итак, часть первая — массив CP. Комментарий любезно подсказывает, что в массиве этом содержится ничто иное, как прикидки на количество места, которое Гугл будет предоставлять в определённый момент времени. Дальше идёт несколько пар значений вида «таймштамп UNIX (в миллисекундах)»—«мегабайты».

Часть вторая — собственно функция, которая обновляет элемент с мегабайтами. Вот код, но уже с моими комментариями:

Так-то. Теперь перейдём к ВКонтакту. Программисты Дурова, очевидно, очень любят математику, в особенности статистику и генерацию случайных чисел. Вот их код:

var memCount = 63301534;
var memPerSec = 2.16273601705;
function updateCount() {
next = -(1000 / memPerSec)*Math.log(Math.random());
memCountString = '' + memCount;
len = memCountString.length;
memCountString = memCountString.substr(0,len-6)+' '+memCountString.substr(len-6,3)+' '+memCountString.substr(len-3,3);
ge('memCount').innerHTML = memCountString;
memCount = memCount + 1;
setTimeout(updateCount, next);
}

Как видите, всё очень лаконично: сейчас насчитывается memCount пиплов, каждую секунду к ним присоединяется ещё memPerSec тел. Вот только незадача: каждую секунду добавлять по чуть более чем два человека некрасиво. Лучше уж почаще, но по одному целому. Т.к. люди несовершенны, они не регистрируются каждые, скажем, 500 милисекунд — это тоже надо учесть. Короче, пришлось им придумать специальную формулу, которую я подробно рассматриваю в коде ниже:

// текущее количество пользователей Вконтакта
var memCount = 63301534;
// примерное количество регистрирующихся в секунду
var memPerSec = 2.16273601705;

// собственно функция, обновляющая счётчик
function updateCount() {
// хитрая математическая формула, вычисляющая длинну промежутков между
// регистрациями
// 1000 / memPerSec — среднее время между регистрациями
// random возвращает дробное число от 0 до 1
// логарифм используется для того, чтобы хотя бы иногда получать время
// _больше_ среднего
// минус перед формулой компенсирует тот факт, что логарифм числа из
// диапазона 0..1 отрицателен
next = -(1000 / memPerSec)*Math.log(Math.random());
// конвертируем число в строку
memCountString = '' + memCount;
// вычисляем длинну строки, чтобы потом красиво разбить его на разряды
len = memCountString.length;
// собственно разбивка на разряды
// жду миллиардного пользователя, на котором эта конструкция обломается и выдаст «1000 000 000»
memCountString = memCountString.substr(0,len-6)+' '+memCountString.substr(len-6,3)+' '+memCountString.substr(len-3,3);
// выводим данные
ge('memCount').innerHTML = memCountString;
// наконец, добавляем к счётчику свежезарегистрировавшегося пользователя
memCount = memCount + 1;
// выставляем таймер, чтобы через next миллисекунд обновить счётчик
setTimeout(updateCount, next);
}

Не знаю, насколько полезно такое вот спонтанное и бессистемное ковыряние в коде, но мне это нравится. Надеюсь, я не один такой, и этот пост будет интересен кому-то ещё ;)

Debiania: просто ещё один блог о Debian

gtk-vector-screenshot: теперь в Debian sid!

Скриншоты в PDF с GTK 3

Занимательное JavaScript программирование