Замечательно применяется для измерения качества wi-fi: http://takeworld.blogspot.com/2009/03/wi-fi.html

Для генерации PNG мы будем использовать параметры ImageMagick: -background white -channel A -combine. Данная комбинация параметров означает слудующее:

1. Создать изображение с белым фоном
2. Назначит для последующих операций работу с альфа-каналом
3. Комбинировать созданное изображение с исходным изображением. С учетом ограничения работы только над альфа-каналом – исходное изображение копируется в альфа-канал созданного изображения

Прежде всего необходимо подготовить маску для alpha-канала. Маска должна быть черно белая. Черный цвет обозначает 100% прозрачность итогового изображения. Серый цвет – частичную
прозрачность:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

  10 =  = IMG_RESOURCE
  10 {              
    file = GIFBUILDER
    file {
      XY = [20.w]+5,[20.h]+5
      format = png
      quality = 100
      backColor = #ffffff
 
      20 = TEXT
      20 {
        text.field = title
        text.case = upper
        fontSize = 11
        fontColor = #000000
        fontFile = fileadmin/fonts/tahomabd.ttf
        offset = 1,9            
        niceText = 1
        niceText.scaleFactor = 5
      }
    }
  }

Теперь созданную маску можно применять для создания PNG. Для того что бы получить имя файла соданного изображения-маски, нужно обратиться в внутренней переменной TSFE: lastImgResourceInfo. Переменная представляет собой массив с информацией о последнем сгенерированном изображении функцией IMG_RESOURCE. Если для генерации использовалась функция IMAGE, то аналогичная информация будет размещаться в переменной TSFE:lastImageInfo. Поскольку я использую PNG для задания фона, то меня интересуют в этом массиве так же и размеры маски, что бы задать правильные размеры блоку для которого будет определяться фон.

Налоджение маски альфа-канала (продолжение предыдущего листинга):

1
2
3
4
5
6
7
8
9
10
11
12
13
14

        stdWrap.override.cObject = COA
        stdWrap.override.cObject {
 
          10 = TEXT
          10.data = TSFE:lastImgResourceInfo|0
          10.noTrimWrap= |style="width:|px;|
 
          20 = IMG_RESOURCE
          20 {          
            file.import.data = TSFE:lastImgResourceInfo|3
            file.params = -background white -channel A -combine    
            stdWrap.noTrimWrap = |background-image:url(|);"|
          }
        }

И финальный рабочий код меню с PNG:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

    10 = HMENU
    10 {
      wrap = <ul id="menu-main">|</ul>
      1 = TMENU
 
      1.NO.allWrap = <li class="first">| |*|<li>|
      1.NO.wrapItemAndSub = |</li>
 
 
      1.NO.ATagParams.cObject = IMG_RESOURCE
      1.NO.ATagParams.cObject {              
        # Generate mask with text
        file = GIFBUILDER
        file {
          XY = [20.w]+5,[20.h]+5
          format = png
          quality = 100
          backColor = #ffffff
 
          20 = TEXT
          20 {
            text.field = title
            text.case = upper
            fontSize = 11
            fontColor = #000000
            fontFile = fileadmin/fonts/tahomabd.ttf
            offset = 1,9            
            niceText = 1 
            niceText.scaleFactor = 5
          }
        }
 
        # Generate image with appliyed Mask to alpha chanel
        stdWrap.override.cObject = COA
        stdWrap.override.cObject {
 
          10 = TEXT
          10.data = TSFE:lastImgResourceInfo|0
          10.noTrimWrap= |style="width:|px;|
 
          15 = TEXT
          15.data = TSFE:lastImgResourceInfo|1
          15.noTrimWrap = | height:|px;|
 
          20 = IMG_RESOURCE
          20 {          
            file.import.data = TSFE:lastImgResourceInfo|3
            file.params = -background white -channel A -combine    
            stdWrap.noTrimWrap = |background-image:url(|);"|
          }
        }
      }           
    }

Несмотря на то что меню графическое, оно полностью “SEO-безопастное”, так как содержит в HTML текст пункта. Что бы текст не отображался в поверх картинки используем известный css-tric: #menu-main li a { display:block; text-indent:-9999px; }. Результат работы данного кода следующий:

Конечно в данном случае рассматривается только генерация одноцветных изображений с маской (надписей). К сожалению я не очень силен в работе с ImageMagick и не знаю как можно правильно скомбинировать готовое изображение с альфа-каналом. Если кто то поможет и покажет какие параметры задаются для ImageMagick, то я смогу продемонстрировать TypoScript для генерация произвольного изображения с использованием PNG-alpha.

Поскольку для себя я принял концепцию “весь TypoScript должен лежать в
базе данных”, и возвращаться к файлам как то не хочется, то нужно было решение
для он-лайн редактирования.

На помощь пришло расширение для Firefox под названием “It’s All Text!“,
которое позволяет открывать содержимое любой textarea в браузере в вашем
любимом редакторе.

Скачать плагин: https://addons.mozilla.org/ru/firefox/addon/4125

В моем случае редактором выступает VIM, который имеет и подсветку синтаксиса
и autocomplete. Для того чтобы редактируемый из Firefox текст распознавался как
TypoScript в конфигурацию VIM добавил строчку:

1

au BufNewFile,BufRead */itsalltext/*.txt setlocal filetype=typoscript

NOTE: Don’t set .entryLevel for a HMENU when using this option! Also be aware that this selects pages for the first level in
the menu. Submenus by menuPbjects 2+ will be created as usual.

это совсем не так… даже больше чем не так… не установив правильный entryLevel, вы получите не рабочее меню.

Насколько я понял, entryLevel должен соответствовать корректному уровню основного дерева страниц для то, что бы меню раскрывалось… в противном случае будет только первый уровень.

Если установить слишком большой entryLevel, то меню вообще видно не будет.