Создание плакатов на основе холста

GitHub Открытый исходный код Canvas

При чтении статьи, если вы можете создать постер статьи одним щелчком мыши, эффект обмена будет значительно улучшен.

Исходя из этого, я написал js-библиотеку для генерации постеров на основе холста.гитхаб-адрес

визуализация

screenshot.png

Инструкции по применению

Самая простая конфигурация для использования:

// html
<div class="poster"></div>

// js
poster.init({
  banner: './images/dream.png',
  selector: '.poster',
  title: '...',
  content: '...',
  logo: '...',
  description: '...',
  callback: function(container) {...}
})

Другая конфигурация:

// html
<div class="poster"></div>

// js
poster.init({
    banner: './images/mountain.jpg',
    selector: '.poster',
    title: '...',
    titleStyle: {
      font: 'bold italic 50px Arial',
      color: 'rgba(66, 66, 66, 1)'
    },
    content: '...',
    contentStyle: {
      font: 'italic 24px Arial',
      lineHeight: 1.2,
      position: 'center',
      color: 'rgba(88, 88, 88, 1)'
    },
    logo: '...',
    logoStyle: {
      color: 'rgba(0, 0, 120, 1)'
    },
    description: '...',
    callback: function(container) {...}
  })

Как видно из приведенного выше примера, красивый постер может быть создан, если написаны требуемый заголовок, содержание, ссылка на изображение и текстовое описание логотипа.

следовать за

Позже будут добавлены другие стили. Добро пожаловать в звездочку и форк (гитхаб-адрес)

Категории