Канвас

Как мы учились рисовать тексты на Canvas

Мы разрабатываем платформу для визуальной коллаборации. Для отображения контента мы используем Canvas: на нём рисуется всё, в том числе тексты. Готового решения для отображения текстов на Canvas один в один как в html не существует. За несколько лет работы с отрисовкой текстов мы изучили разные варианты реализации, набили много шишек и, кажется, нашли хорошее решение. Расскажу в статье, как мы переезжали с Flash на Canvas и почему отказались от SVG foreignObject.

Переезд с Flash

Мы создавали продукт в 2015 году на Flash. Внутри Flash есть текстовый редактор, умеющий хорошо работать с текстами, поэтому нам не нужно было делать ничего дополнительного для работы с текстами. Но в то время Flash уже умирал, поэтому мы переехали с него на HTML/Canvas. И перед нами встала задача — отображать текст на Canvas как в html-редакторе, при этом не сломать при переезде тексты, созданные во Flash-версии.

Немного о двумерном контексте

Немного выше я сказал, что элемент canvas — это только половина всей истории. Вторая половина — это как раз и есть двумерный контекст, который по сути позволяет вам видеть и всю мощь функционала данного элемента.

Давайте расставим всё на свои места: когда мы используем элемент canvas, то фактически он не помещается на страницу. Вместо него вы получаете рисунок, который формируется в двумерном контексте, а доступ к этому рисунку осуществляется как раз через элемент canvas благодаря JavaScript API. В принципе кому-то эта информация может показаться лишней, однако лишние знания вам не повредят.

Система координат

Если вы когда-либо работали с языками, имеющими дело с 2d графикой (такими как ActionScript, Processing, и т.д.), тогда вы знаете всё о системах координат, основанных на движении. Двумерный контекст в элементе canvas ничем не отличается от перечисленных систем. Он использует стандартную систему координат Cartesian, с начальной точкой (0, 0), расположенной с левой верхней стороны. Движение вправо будет увеличивать значение объекта по оси x, в то время как движение вниз, будет увеличивать значения точек объекта по оси y. Всё довольно примитивно.

Одна единица данной системы координат равняется одному пикселю вашего экрана (в большинстве случаев).

Получение доступа к двумерному контексту

Для того чтобы получить доступ к двумерному контексту, вам понадобится применить JavaScript API. В данном случае, вам потребуется функция getContext. Пример:

<!DOCTYPE html>

<html>
    <head>
        <title>Canvas from scratch</title>
        <meta charset="utf-8">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

        <script>
            $(document).ready(function() {
                var canvas = document.getElementById("myCanvas");
                var ctx = canvas.getContext("2d");
            });
        </script>
    </head>

    <body>
        <canvas id="myCanvas" width="500" height="500">
            <!-- Insert fallback content here -->
        </canvas>
    </body>
</html>

Заметьте: в этом примере мы применяем jQuery, но только после того, как страница полностью загрузится. Для этих целей вы можете в полной мере пользоваться вашим любимым JavaScript фрэймворком или поместить скрипт в конец документа.

В результате вызова метода getContext, переменная ctx теперь будет ссылаться на двумерный контекст. Это означает, что теперь при помощи этой переменной вы можете начать рисовать фигуры на элементе canvas. Круто, да?!

Проблема и существующие альтернативы

Определите проблему клиента и выявите конкурентов.

Какая проблема есть у клиента?

Посмотрите на все сегменты покупателей из первого блока и сформулируйте, какую их потребность закрывает продукт.

Например, вы придумали новую социальную сеть для нетворкинга. Её главная цель — познакомить специалистов из разных сфер для общих проектов. Такой продукт закрывает потребность клиента в общении и поиске профессиональных связей.

Кто уже решает эту проблему?

Выявите всех существующих конкурентов продукта. Любую проблему уже кто-то решает, но кто — не всегда очевидно. Если ваш продукт — сервис вызова такси, и вы закрываете потребность клиента в комфортном передвижении, то ваши конкуренты — не только аналогичные сервисы, но и компании, которые продают автомобили, велосипеды или самокаты.

Ответить на эти вопросы и ориентироваться на потребности пользователя помогает концепция Jobs To Be Done — «работа, которая должна быть выполнена».

Блок № 3

Стираем объекты из Canvas

Последняя вещь, которую я хочу вам сегодня показать – это стирание объектов. Вы уже знаете, как нарисовать фигуру. Теперь пришло время узнать как от неё избавиться 🙂

В принципе тут всё так же просто; вам нужно всего-навсего воспользоваться очередным методом из JavaScript API. Этот метод называется clearRect. Его задача заключается в том, чтобы сделать каждый указанный пиксель полностью прозрачным.

В этом примере на canvas 500px в ширину и 500px в высоту. Для очищения всей площади, вам необходимо сделать следующее:

ctx.fillRect(50, 50, 100, 100);  
ctx.clearRect(0, 0, 500, 500);

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

Заметьте: аргументы для метода clearRect точно такие же, как и для fillRect; x, y, ширина и высота.

Если вы не определились с высотой и шириной, то можете писать и так:

ctx.clearRect(0, 0, canvas.width, canvas.height);

Стирание небольших фрагментов

Для того чтобы стереть небольшой фрагмент, вам не обязательно зачищать всю площадь элемента canvas. Вы без проблем можете стереть необходимую вам область. Представьте, что у вас нарисовано 2 квадрата, один из которых вы хотите стереть:

ctx.fillRect(50, 50, 100, 100);  
ctx.fillStyle = "rgb(255, 0, 0)";  
ctx.fillRect(200, 50, 100, 100);

На данный момент картина такая:

Вы без проблем можете стереть черный квадрат, а красный оставить на месте при помощи метода clearRect:

ctx.clearRect(50, 50, 100, 100);

Заметьте, что данные должны совпадать с теми, что вы указывали при создании элемента. На самом деле данный метод просто изменяет прозрачность каждого пискеля:

Довольно-таки просто, не так ли? Вы нечасто будете стирать элементы при рисовании, однако эти знания понадобятся вам, когда мы будем учиться делать анимацию.

Состав и характеристика

Ранее ткань из конопляного полотна производили для создания парусов, для увеличения показателей прочности изделие пропитывали воском. Кстати, из конопли изготавливался текстиль для многих народов, например, у славян без конопляника было почти невозможно представить ведение крестьянского хозяйства. Отличие материала состояло в четком переплетении нитей. Ткань была довольно грубой. Конопляник у средиземноморцев носил наименование cannabis, отсюда и появилось название – канвас.

Справедливо можно считать, что предшественником известного сейчас материала была парусина. Внешне современный канвас похож на старинное полотно, носившее то же название, однако структура и состав значительно разнятся. Существенным отличием является и технология изготовления. В настоящее время в России самыми известными производителями канваса являются фабрики Иваново, Ивановской области, Алтайского края.

Современный вариант обладает двухслойной структурой. Поверхностный состоит из полиэстера (85%) и нейлона (15%). В составе основы полиэстер соединен с хлопком или льном в соотношении 65%: 35% соответственно. Специальная пропитка служит эффективной защитой поверхности от воды и грязи, а также значительно облегчает уход за изделием. Особые методы производства придают материалу колоссальную прочность и износостойкость. По внешнему виду, как и старый образец, ткань напоминает парусину. Еще ее часто называют «холщовой».

Изделия, выполненные из канваса, имеют показатели износостойкости, которые выше ГОСТа в 10 раз: в своем первоначальном состоянии полотно может оставаться на протяжении нескольких десятилетий. Если рассматривать тактильные свойства материала, то стоит отметить его необычайную мягкость, к материи довольно приятно прикасаться. Это комфортное изделие, которое также отличается высокими показателями воздухопроницаемости. К положительным качествам также стоит отнести возможность сохранять форму, способность не растягиваться и не давать усадки, водоотталкивающие свойства и устойчивость к загрязнениям, отсутствие склонности к образованию катышков.

Окрашивается полотно посредством термопечати, и потому обычно это изделие обладает ярким насыщенным цветом. Ранее натуральный канвас имел пепельную окраску, но благодаря современным технологиям на полотне возможно создавать очень яркие сочные изображения. Благодаря специальной структуре на ткани можно изображать целые картины и принты, причем даже сложный рисунок создает впечатление ручной работы. Изображение любой текстуры очень ярко выражено на таком материале, как канвас.

Область применения

Канвас имеет широкое применение. Хотя современная ткань состоит в основном из синтетики, но дело в том, что выглядит она как натуральный материал природного происхождения. Из него производится:

Рабочая одежда. Ткань идет на создание курток и штанов для рабочих.
Спортивные костюмы. Являются влагоустойчивыми, идеально подходят для использования при различных погодных условиях.
Корпоративная одежда.
Костюмы для охоты и рыбалки. Очень популярный комплект «Горка канвас» – обладает большой износостойкостью. Мультисезонный костюм “Горка из канваса на флисе”, не только красивый, но благодаря своей плотности и флисовому подкладу, пришитому по всей площади, очень теплый. Предложения«Горка new» и «Нато», разработанные компанией Novatex предназначены для спецподразделений и участников военно-спортивных мероприятий.
Налокотники, наколенники для защиты во время спортивных занятий и активного отдыха.
Обувь. Стильные ботинки, кроссовки, чешки не требуют особого ухода. Удобная обувь неприхотлива в использовании, а ткань не раздражает кожу.
Амуниция для армии.
Чехлы. Производятся для музыкальных, рабочих инструментов, ноутбуков, телефонов.
Мужские и женские сумки из канваса. Ткань может использоваться в виде основы или подклада. Невероятно стильные сумки из этого материала производит . Разработанный ею состав держится в секрете и внешне напоминает кожу.
Мебельная ткань идеально подходит для обивки кресел, диванов и стульев. Это не только красиво, но и практично, так как пятна с такой ткани легко удаляются. Часто для этих целей применяют разновидность канваса, созданного компанией Arben.
Канвас для штор. Дышащий, приятный на ощупь плотный материал не пропускает солнечный свет. К тому же, портьерная ткань канвас бывает самых разнообразных оттенков. Они долго сохраняют яркий цвет и не выгорают на солнце.
Кроме ночных занавесок существует разновидность «Канвас». Она представляет собой матовую сеточку с идеальным переплетением ниток, внизу которой прикреплен утяжелитель. В последнее время пользуется большим спросом.
Материал используют представители направлений милитари, хиппи, бохо.
Канвас метрика – холст высокого качества с нанесенным изображением. Долго сохраняет первоначальный вид и яркость оттенков. Даже сложный рисунок создает ощущение авторской ручной работы.

Плюсы и минусы

Если говорить о свойствах и характеристиках ткани canvas, нужно отметить, что недостатков у нее практически нет, а вот плюсов – с избытком:

Характеристики канваса:

Надежность, необыкновенная прочность, очень большой срок эксплуатации – вещи их этого материала могут прослужить не один десяток лет
Материю практически невозможно порвать или поставить затяжки на поверхности
При этом canvas достаточно мягок и приятен наощупь
Материя пропускает воздух
Пропитка тефлоном или воском обеспечивает устойчивость к влаге и грязи
Прекрасно окрашивается, долго сохраняет первоначальную яркость цвета и не линяет
Удивительно быстро сохнет
За вещами просо ухаживать

Что говорят потребители о ткани

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

Канвас

(Анастасия, 28 лет) —Я купила блэк-аут шторы их канваса в спальню, так как работаю в ночную смену и отсыпаться приходится днем. Свою функцию они выполняют идеально. Ни один лучик солнца не проникает через них. Также очень удобно затемнять ими комнату для просмотра фильмов на проекторе.
(Лидия, 47 лет) — Намучавшись с уходом за тяжелыми портьерами в гостиной, я решила поменять их на шторы из материала канвас. Мне безумно нравится возможность при помощи обычного пылесоса избавиться от пыли, постоянно оседающей на портьерах. С моей больной спиной частая стирка и глажка штор настоящее мучение.
(Антон, 31 год) У моих родителей диван из канваса и они очень им довольны, ведь им не знакома проблема выведения пятен с дивана или кресла светлого оттенка. Мне тоже нравится легкий уход за этим практичным материалом и то, что чистка не оставляет никаких следов. Тоже собираюсь купить такой.
(Лиза, 34 года) Моя мебель обита канвасом и это прелесть! У меня живет пушистый персидский кот, который способен уничтожить любую мебель, когда точит коготочки, а диван и кресла целы уже несколько лет. А еще с канваса легко убрать шерсть, она не прилипает и легко собирается щеткой или пылесосом.

Вам это будет интересно Описание состава ткани милано: особенности и применение

Канвас — это ткань, не имеющая конкурентов, пригодная для пошива изделий практически всех сфер деятельности человека. И само изделие будет радовать хозяина не один год.

Пример пошагового создания картинки в Канве

После авторизации на главной странице в поиске вписываем название нужного дизайна по ключевому слову.

Обратите внимание на кнопку настраиваемых размеров. Эта функция позволит создавать дизайн изображения для блога с нужными параметрами высоты и ширины

Шаблоны картинок под разные соцсети представлены с уже установленными параметрами. Они соответствуют требованиям социальных сетей или общих рекомендаций.

Выбор шаблона

После клика открываются предложения по шаблонам.

Здесь можно выбрать макет и видоизменять его под свои цели. Некоторые шаблоны русифицированы, некоторые — нет. При выборе отдайте предпочтение в первую очередь нужным вам элементам, вроде рамок, окон или лейблов. Изображения, цветовая гамма или надписи не так важны, и изменить их намного проще.

Работа с макетом изображения

После выбора шаблона вы попадёте на рабочую страницу: макет, область просмотра фотографий/элементов, панель инструментов слева и дополнительная панель над макетом.

Кликните на фото, чтобы удалить, заменить или отредактировать его, или перейдите в раздел “Фото”, “Фон” или “Загрузки” для добавления своих или стоковых изображений.

Предположим, вам нужно сделать пост с приглашением подписчиков на дегустацию вина в кафе. Для этого нужно создать красивую картинку, передающую атмосферу события. Во вкладке “Фото” ищем изображения напитков. Отфильтровать их можно по ключевому слову “вино”.

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

Значок “Беспл” в окошке поиска

Обратите внимание: добавленные кадры можно редактировать непосредственно в дизайне. На панели над макетом доступны фильтры, настройки яркости, контрастности, цветокоррекция

Старайтесь обрабатывать фото для аккаунта или рубрик при помощи одинаковых настроек и фильтров, чтобы сохранить однородность дизайна.

Мы не станем корректировать сам кадр, однако, отобразим его по горизонтали, чтобы не менять расположение объекта с текстом.

Добавление графики в шаблон

Графические элементы — инструмент, который выделит ваш дизайн на фоне обычных опубликованных фотографий. Всевозможные рамки, фигуры, тематические иконки, иллюстрации, дополняющие фото, создают в итоге цельную картину и помогают донести ключевую информацию.

В разделе элементов также доступен поиск по ключевым словам. Выберите нужные элементы на одноимённой вкладке слева. В нашем случае достаточно рамки с текстом для обозначения мероприятия, но мы изменим цвет заливки при помощи инструментов панели.

Если у бренда есть корпоративный оттенок или вы используете для публикаций определённый тон, его код можно вбить в строку поиска на панели изменения цвета. Кроме того, сервис всегда подскажет, какие оттенки уже были использованы в шаблоне. Это удобно при работе с заливкой своих объектов.

Работа с текстом

Текста на самом изображении должно быть немного, но он должен привлекать внимание пользователей. В надпись на фото — только самую важную информацию: что, где, когда, кому

Чтобы изменить текстовые поля выбранного шаблона, кликните по ним левой кнопкой мышки.

Выбирайте хорошо читаемые шрифты. Мало кто знает, что в Канве огромная подборка кириллических шрифтов. Расположены они на дополнительной панели, в которой также есть поиск по названию шрифта или типу (рукописный, жирный).

В рамках платного аккаунта доступна загрузка своих шрифтов. Если у вас корпоративный шрифт в дизайне и его нет в галерее Канвы, имеет смысл воспользоваться премиумом.

Обычно текстовые блоки на готовых шаблонах сгруппированы. Если вы хотите поменять их местами или удалить лишние элементы, нажмите кнопку “Разгруппировать” на панели.

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

Уход

Канвас неприхотлив и прост в уходе. Поэтому из него производят вещи, которые будут использоваться в различных условиях и при любых погодных условиях. Уход за изделием не сложен. Нужно придерживаться нескольких правил:

Если изделие немного запылилось, то его нужно пропылесосить.
При слабых загрязнениях вещь протирают сухой тряпкой или очищают щеткой.
Более сильные загрязнения убирают при помощи губки, смоченной в мыльном растворе.
Допускается щадящая стирка в стиральной машинке. Стирать ее нужно в теплой воде при температуре не ниже 30 градусов.
Материал быстро высыхает, поэтому его можно сушить обычным способом, стряхнув оставшуюся после полоскания воду.
Канвас практически не мнется. Но если требуется разгладить вещь, нельзя использовать горячий утюг – только холодный. Также подойдет способ выравнивания изделий горячим паром.

Самое главное, при стирке не повредить тефлоновую пропитку. Если ее испортить, то ткань потеряет защитные свойства.

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

Уважаемые читатели сайта Tkan.Club, если у вас остались вопросы по этой теме – мы с радостью на них ответим. Оставляйте свои отзывы, комментарии, делитесь историями если имели дело с этой тканью! Ваш жизненный опыт может пригодиться другим читателям.

Свойства

Свойство:	Функция:
Render Mode	Режим представления UI: как объект на экране или как объект в 3D пространстве (см. ниже). Опции: Screen Space — Overlay, Screen Space — Camera и World Space.
Pixel Perfect (Screen Space modes only)	Должен ли UI рисоваться без сглаживания для точности?
Render Camera (Screen Space — Camera mode only)	Камера, с помощью которой рендерится UI (см. ниже).
Plane Distance (Screen Space — Camera mode only)	Расстояние, на котором плоскость UI должна быть расположена перед камерой.
Event Camera (World Space mode only)	Камера для обработки событий UI.
Receives Events	Обрабатываются ли события UI этим компонентом Canvas?

Что шьют из канваса?

Как изложено выше, у ткани одни плюсы и никаких минусов. Поэтому у нее такой широкий спектр применений.

Мебель, кресло

Мебельная обивка — яркие расцветки, лаконичные дизайны, строгость или простота. Мебель не только выглядит потрясающе, но и в эксплуатации очень стойкая. На ней невозможно сделать затяжки или оставить царапины. Это точно оценят владельцы домашних животных, тем более, что ткань не цепляет шерсть.
Чехлы, сумки, рюкзаки из канваса поставляют даже широко известные бренды.

Рюкзак

Спортивная одежда, рабочая униформа, армейская амуниция. Ткань идеально подходит для активного стиля жизни, так как не вбирает запахи и очень прочная. Её можно подолгу не стирать, обходясь лишь сухой чисткой с помощью щётки или поверхностной чистки влажной губкой.
Обувь и такие спортивные элементы как наколенники, налокотники для активного отдыха. На кедах из канваса не появляются темные трещины и грубые потертости. У них срок эксплуатации даже больше чем у кожаной обуви.
Декоративные элементы интерьера. Ткань может быть стилизована под стиль «сафари», с помощью чего можно создать уютную и стильную обстановку в доме. Разнообразные принты, которые часто выполняют на канвасе, привлекают и молодых людей, стремящихся совместить удобство и стиль, и лиц солидного возраста, выбирающих практичность.

Вам это будет интересно Подробное описание капитония: что собой представляет такая ткань

Даже без окрашивания, которое обычно выполняется в технике термопечати, ткань пользуется большим спросом. Она хорошо вписывается в стиль «милитари» или «эко».

Шторы из канваса

Канвас очень часто встречается в интерьерных проектах, в особенности в виде портьерных штор. Портьеры из этого материала пользуются популярностью у тех, кто предпочитает скандинавский стиль. Лаконичные оттенки или дерзкие принты не могли оставить дизайнеров равнодушными, тем более, что они прекрасно сочетают в себе легкость, стойкость к деформации и выгоранию цвета на солнце и, конечно, блэк-аут эффект.

Шторы и ткань приближенно

Обратите внимание. В домашнем текстиле создан даже тюль-канвас

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

Розовая тюль

Подробности

Одного холста для всех UI-элементов вполне достаточно, но и несколько холстов в сцене допустимо. Также, возможно использование нескольких холстов, когда один выставляется дочерним элементом другого, для оптимизации. Вложенный холст использует тот же режим рендеринга (Render Mode), что и родитель.

Традиционно, пользовательские интерфейсы отображаются прямо на экране как простые элементы. Это значит, что они не имеют понятия 3D пространства, отображаемого камерой. Unity поддерживает этот способ отисовки в экранном пространстве, но также позволяет интерфейсам рисоваться как объектам сцены, в зависимости от режима отрисовки (Render Mode). Доступные режимы: Screen Space — Overlay, Screen Space — Camera и World Space.

Screen Space — Overlay (пространство экрана — поверх)

В этом режиме холст масштабируется для заполнения всего экрана, а затем рисуется напрямую, не ссылаясь на сцену или камеру (интерфейс написуется даже если в сцене вообще нет камеры). Если размер или разрешение экрана меняются, интерфейс автоматически перемасштабируется. Интерфейс рисуется поверх любой другой графики, такой как вид из камеры.

Интерфейс рисуемый поверх объектов сцены

Note: The Screen Space — Overlay canvas needs to be stored at the top level of the hierarchy. If this is not used then the UI may disappear from the view. This is a built-in limitation. Keep the Screen Space — Overlay canvas at the top level of the hierarchy to get expected results.

Screen Space — Camera (пространство экрана — камера)

В этом режиме, холст отображается как если бы он был нарисован на плоском объекте, на некотором расстоянии заданной камеры. Экранный размер интерфейса не меняется с расстоянием, т.к. он всегда масштабируется чтобы в точности заполнять пирамиду видимости камеры (camera frustum). Если размер или разрешение экрана, или пирамида видимости, изменяются – интерфейс автоматически перемасштабируется, чтобы помещаться. Любые 3д объекты сцены, расположенные ближе к камере, чем плоскость интерфейса, будут отрисованы “над” интерфейсов, в то время как остальные объекты, находящиеся за плоскостью, будут загорожены.

Интерфейс в режиме Camera mode с объектами сцены спереди

World Space (пространство мира)

Этот режим рисует интерфейс, как если бы он был плоским объектом сцены. В отличие от режима Screen Space — Camera, плоскость не обязана быть перпендикулярной направлению камеры, и может быть ориентирована как угодно. Размер холста может быть установлен через его Rect Transform, но его экранный размер будет зависеть от угла зрения и расстояния от камеры. Другие объекты сцены могут проходить сзади, сквозь, или спереди холста.

Интерфейс в пространстве мира, пересекающийся с объектами сцены

Кого называют «миз»?

В середине XX века американцы пополнили свой язык нейтральным обращением к женщинам «миз», не акцентирующим их семейный статус. Согласно одной из версий, его придумали феминистки, вечно борющиеся за равноправие полов. Другие источники сообщают, что обращение «миз» (по-английски пишется Ms.) было придумано в США в 1952 году сотрудниками Национальной ассоциации офисных управляющих с целью не смущать секретарш, допуская ошибки обращении. Сегодня оно официально используется при общении с секретаршами и некоторым другим офисным работникам. В деловой среде слова «мисс» и «миссис» используются редко.

История и описание

Название материала канвас (canvas) происходит от слова canuabis («конопляная ткань»). Что за история за этим стоит? Когда-то давным-давно средиземноморские моряки использовали конопляное волокно, пропитанное воском, для изготовления парусов. Такой материал был особенно прочным, а потому прижился и в Европе. Во Франции название немного изменили, и получилось «canevas» — на французский манер.

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

Описание материала такое: плотное, жесткое полотно с характерным геометрическим плетением. Для придания дополнительных свойств порой используются специальные защитные пропитки.

Цена погонного метра материи – от 250 рублей.

Посмотреть, что это за ткань – канвас – можно на фото.

Я написал кроссбраузерное расширение для вкладок, но вы так не делайте

Длинное, нудное вступление с претензией на манию величия

Однажды я обнаружил, что меня, как всегда, что-то сильно не устраивает в этом мире. А именно, введя какой-то длинный запрос в поисковике на настольном компьютере и затем перейдя на планшет, я никак не мог вспомнить дословно текст запроса, чтобы выйти ровно на те же результаты. А начиналось все так хорошо. Я увидел в поисковике ссылку на ответ на свой вопрос и понял, что она сулит долгое чтиво. Тогда я выключил комп и плюхнулся на диван с планшетом с мыслью о том, что вот сейчас я просто заново вобью все это в поисковик, открою ту ссылку теперь уже на планшете и лежа, спокойно, в более удобной позе прочитаю… Но не тут-то было. Какие-то мелкие разночтения в тексте — и моей ссылки уже нет в выдаче поисковика. Воспроизвести саму ссылку — тоже не вариант: она слишком длинная. Ломая голову над вариантами текста запроса, я чуть было в ярости не сломал планшет. Черт побери, пришлось вставать, снова включать компьютер, запускать браузер и копаться в истории, чтобы найти точный текст своего запроса.Расширение, установленное в Chrome и Firefox

Преимущества инновационного канваса

На своего «прадеда» канвас ткань теперь похожа всего лишь особым плетением. В остальном это совершенно новый, высокотехнологичный материал, который пользуется спросом не только у производителей мебели, но и у модных брендов.

Сравнение полотен

Её выбирают благодаря некоторым характеристикам, которые необходимы для пошива по-настоящему долговечных вещей:

Прочность — это визитная карточка канваса. Это самый прочный из доступных материалов с внушительным сроком эксплуатации.
Стойкость к деформации исходит из прочности, но тут нельзя не добавить, что ткань не мнётся.
Канвас не покрывается катышками на протяжении всего срока использования.
Воздухопроницаемость обеспечивается благодаря плетению.
Влагоустойчивость, благодаря тефлонвой пропитке.

Влагоустойчивость

Мягкость и тактильная приятность, обеспеченные добавлением хлопка или льна.
Сохранность цвета.
Уход за тканью более чем простой и быстрый, тем более полотно быстро сохнет.

Важно: Износостойкость материала канвас в 10 раз превышает требования по ГОСТ-у. Изделия проживают с хозяевами всю жизнь не деформируясь

И даже постарев, полотно не теряет своей прелести, так как потертости и трещинки придают ткани новое звучание, создавая уникальный, неповторимый рисунок.

Канвас: когда года над тканями не властны