ТабличныйДокумент.ПлотностьСохраняемыхКартинок

Вставить собственную SVG-картинку без скачивания файла

Знак готовности собирается из явно приведённого SVG-текста. Рисунок Картинка и фоновая картинка документа — разные объекты.

Подготовка

1. Создайте новую внешнюю обработку с управляемой основной формой в учебной базе. Каждый урок — отдельная копия модуля.

2. На форме создайте команду УчебныйПример и перетащите её на форму как кнопку. В действии команды выберите процедуру УчебныйПример(Команда).

3. Вставьте весь модуль из примера: УчебныйПример, ПостроитьУчебныйДокумент и УчебнаяТаблица. Серверный вызов возвращает собственный табличный документ клиенту; директивы не удаляйте.

4. Никакие макеты, документы и справочники конфигурации не нужны. Всё построение — в памяти, без печати, записи файлов и отправки в сервисы.

5. Показ и ручную проверку выполняйте в тонком клиенте Windows 8.5.1.1343. Каждый урок — отдельная копия формы с пустым модулем до вставки.

&НаКлиенте
Процедура УчебныйПример(Команда)
    ТабДок = ПостроитьУчебныйДокумент();

    ТабДок.Показать("Учебный документ — без печати и сохранения");
КонецПроцедуры

&НаСервереБезКонтекста
Функция ПостроитьУчебныйДокумент()
    ТабДок = Новый ТабличныйДокумент;
    SVG = "<svg xmlns=""http://www.w3.org/2000/svg"" width=""32"" height=""32"" viewBox=""0 0 32 32""><rect width=""32"" height=""32"" rx=""6"" fill=""#146e32""/><path d=""M8 16l5 5 11-12"" fill=""none"" stroke=""white"" stroke-width=""3""/></svg>";
    ДанныеЗнака = ПолучитьДвоичныеДанныеИзСтроки(SVG, КодировкаТекста.UTF8, Ложь);
    Знак = Новый Картинка(ДанныеЗнака);
    РисунокЗнака = ТабДок.Рисунки.Добавить(ТипРисункаТабличногоДокумента.Картинка);
    РисунокЗнака.Имя = "УчебныйЗнакГотовности";
    РисунокЗнака.Лево = 5;
    РисунокЗнака.Верх = 5;
    РисунокЗнака.Ширина = 12;
    РисунокЗнака.Высота = 12;
    РисунокЗнака.Картинка = Знак;
    РисунокЗнака.РазмерКартинки = РазмерКартинки.Пропорционально;
    ФонSVG = "<svg xmlns=""http://www.w3.org/2000/svg"" width=""32"" height=""32""><rect width=""32"" height=""32"" fill=""#f5faf7""/></svg>";
    ТабДок.ФоноваяКартинка = Новый Картинка(ПолучитьДвоичныеДанныеИзСтроки(ФонSVG, КодировкаТекста.UTF8, Ложь));
    ТабДок.ФиксированныйФон = Истина;
    ТабДок.ПлотностьСохраняемыхКартинок = ПлотностьСохраняемыхКартинокТабличногоДокумента.Исходная;
    ТабДок.ТолькоПросмотр = Истина;
    Сообщить(РисунокЗнака.Картинка.Формат() = ФорматКартинки.SVG);
    Сообщить(РисунокЗнака.ТипРисунка = ТипРисункаТабличногоДокумента.Картинка);
    Сообщить(ТабДок.ФиксированныйФон);
    Сообщить(РисунокЗнака.РазмерКартинки = РазмерКартинки.Пропорционально);
    Возврат ТабДок;
КонецФункции

Разбор по шагам

1. ПолучитьДвоичныеДанныеИзСтроки кодирует наш SVG в UTF8 без BOM. Новый Картинка получает двоичные данные, не URL.

2. Размер рисунка 12×12 мм, внутренний SVG 32×32. Пропорционально сохраняет отношение сторон при показе.

3. Вторая светлая SVG-картинка — фон всего документа. ФиксированныйФон оставляет его неподвижным при прокрутке, не фиксирует рисунок знака.

4. ПлотностьСохраняемыхКартинок относится к возможному сохранению изображений. Урок задаёт настройку, но не записывает файл и не доказывает размер экспорта.

Как проверить результат

1. Четыре проверки дают Истина.

2. В показе зелёный знак с белой галочкой на светлом фоне. Никакой файл картинки не требуется и ничего не скачивается.

Ожидаемый результат

Собственный векторный знак и фон из доступного текста.

На что обратить внимание

1. Не путайте внутренние пиксельные размеры SVG и миллиметры рисунка табличного документа.

2. Поддержка форматов/отрисовки зависит от клиента; этот урок проверяйте в Windows.

3. Свойство плотности не является обещанием изменения векторного SVG; экспорта здесь нет.

Пример не запускался в вашей базе. Перед применением проверьте его в указанном учебном контексте.