Re[3]: Поддержка SVG
От: c-smile Канада http://terrainformatica.com
Дата: 06.10.14 19:52
Оценка: 6 (1)
Здравствуйте, andmar, Вы писали:

A>В 3.1.0.13 rotate работает, спасибо!


A>Но появилась другая проблема background-size:cover как-то странно масштабирует svg пример


Что значит "появилась" в данном контексте?

А вообще не забываем что по умолчанию background-repeat:repeat.

Т.е. нужно так чтобы шастя наступило:

<html>
  <head>
    <title>Demo</title>
    <style>
      .flag
      {
        width: 135px;
        height: 90px;
        border: 1px solid green;
        background-size: contain;
        background-repeat:no-repeat; // that's mission critical
        background-image: url(demo.svg);
      }
    </style>
    <script type="text/tiscript">
    </script>
  </head>
<body>
  <div.flag/>
</body>
</html>
Re: Поддержка SVG
От: c-smile Канада http://terrainformatica.com
Дата: 17.09.14 23:40
Оценка: 4 (1)
Здравствуйте, andmar, Вы писали:

A>Привет.


A>Судя по всему в версии 3.1.0.10 полной поддержки SVG нет.

A>Как минимум не работает xlink (см. пример)

Да, xlink не работает. И скорее всего до него руки у меня в ближайшее время не дойдут.

A> и простые трансформации (еще пример).


Это починил, будет работать. Там SVG specific rotate(a x y) используется, в CSS только rotate(a) есть.

A>Планируется ли полная поддержка SVG в обозримом будущем?


Полной поддержки SVG (v 1.1) в природе не существует насколько я знаю.

Базовая идея SVG в sciter это поддерживать Inkscape документы, т.е. векторные картинки.
Это то что мне заказали — я сделал.
Если кому-то надо больше — покупаем лицензию и я сделаю в рамках technical support.
Поддержка SVG
От: andmar  
Дата: 15.09.14 22:34
Оценка:
Привет.

Судя по всему в версии 3.1.0.10 полной поддержки SVG нет.
Как минимум не работает xlink (см. пример) и простые трансформации (еще пример).

Планируется ли полная поддержка SVG в обозримом будущем?
svg
Re[2]: Поддержка SVG
От: andmar  
Дата: 06.10.14 19:37
Оценка:
Здравствуйте, c-smile, Вы писали:

CS>Здравствуйте, andmar, Вы писали:


A>>Привет.


A>>Судя по всему в версии 3.1.0.10 полной поддержки SVG нет.

A>>Как минимум не работает xlink (см. пример)

CS>Да, xlink не работает. И скорее всего до него руки у меня в ближайшее время не дойдут.


A>> и простые трансформации (еще пример).


CS>Это починил, будет работать. Там SVG specific rotate(a x y) используется, в CSS только rotate(a) есть.


A>>Планируется ли полная поддержка SVG в обозримом будущем?


CS>Полной поддержки SVG (v 1.1) в природе не существует насколько я знаю.


CS>Базовая идея SVG в sciter это поддерживать Inkscape документы, т.е. векторные картинки.

CS>Это то что мне заказали — я сделал.
CS>Если кому-то надо больше — покупаем лицензию и я сделаю в рамках technical support.

В 3.1.0.13 rotate работает, спасибо!

Но появилась другая проблема background-size:cover как-то странно масштабирует svg пример
Re[4]: Поддержка SVG
От: andmar  
Дата: 07.10.14 08:53
Оценка:
Здравствуйте, c-smile, Вы писали:

CS>Здравствуйте, andmar, Вы писали:


A>>В 3.1.0.13 rotate работает, спасибо!


A>>Но появилась другая проблема background-size:cover как-то странно масштабирует svg пример


CS>Что значит "появилась" в данном контексте?


CS>А вообще не забываем что по умолчанию background-repeat:repeat.


CS>Т.е. нужно так чтобы шастя наступило:


CS>
CS><html>
CS>  <head>
CS>    <title>Demo</title>
CS>    <style>
CS>      .flag
CS>      {
CS>        width: 135px;
CS>        height: 90px;
CS>        border: 1px solid green;
CS>        background-size: contain;
CS>        background-repeat:no-repeat; // that's mission critical
CS>        background-image: url(demo.svg);
CS>      }
CS>    </style>
CS>    <script type="text/tiscript">
CS>    </script>
CS>  </head>
CS><body>
CS>  <div.flag/>
CS></body>
CS></html>
CS>


С background-repeat:no-repeat счастье действительно наступило, спасибо большое!
Re: Поддержка SVG
От: goldfish Украина  
Дата: 14.11.14 07:51
Оценка:
Здравствуйте, c-smile

линия <line x1="60mm" y1="180mm" x2="190mm" y2="180mm" style="stroke-dasharray: 20mm 5mm" /> отображается как сплошная, а должна быть пунктирная, в скайтере поддерживается стиль stroke-dasharray?
(скайтер 3.1.0.17)
Re: Поддержка SVG
От: goldfish Украина  
Дата: 14.11.14 17:55
Оценка:
Несколько вопросов:
1. Как сделать многострочный текст внутри <text>. Скайтер подерживает <tspan>?
2. Можно менять ширину символов в строке? (В winapi свойства шрифта хранятся в структуре LOGFONT, в ней есть как поле lfHeight так и lfWidth. Можно с помощью стилей задать значение lfWidth?)
3.
<text x="0" y="0" style="font-weight:bold">текст</text>
<text x="0" y="0" font-weight="bold">текст</text>

Второй вариант в Скайтере не работает, т.е. font-weight и ему подобные работают только в виде стиля?
Re[2]: Поддержка SVG
От: c-smile Канада http://terrainformatica.com
Дата: 15.11.14 16:54
Оценка:
Здравствуйте, goldfish, Вы писали:

G>Несколько вопросов:

G>1. Как сделать многострочный текст внутри <text>. Скайтер подерживает <tspan>?

<text> это такой же элемент как и <p>. Все стили и правила переноса на него распространяются.

Т.е. если внутри у него встретится <br> то будет перенос строки.

G>2. Можно менять ширину символов в строке? (В winapi свойства шрифта хранятся в структуре LOGFONT, в ней есть как поле lfHeight так и lfWidth. Можно с помощью стилей задать значение lfWidth?)


font-weight это не ширина символов.
Сформулируй точно что тебе нужно. Или дай картинку.

G>3.

G>
G><text x="0" y="0" style="font-weight:bold">текст</text>
G><text x="0" y="0" font-weight="bold">текст</text>
G>

G>Второй вариант в Скайтере не работает, т.е. font-weight и ему подобные работают только в виде стиля?

Не все CSS property имеют mapping на DOM attributes, используй CSS для именно стилей (а не положения).
Re[3]: Поддержка SVG
От: goldfish Украина  
Дата: 15.11.14 19:13
Оценка:
Здравствуйте, c-smile, Вы писали:

CS>font-weight это не ширина символов.

CS>Сформулируй точно что тебе нужно. Или дай картинку.

В выделенных графах пришлось уменьшить lfWidth чтобы уместить текст. Высота шрифта lfHeight при этом не менялась
Отредактировано 15.11.2014 19:16 goldfish . Предыдущая версия .
Re[4]: Поддержка SVG
От: c-smile Канада http://terrainformatica.com
Дата: 15.11.14 20:30
Оценка:
Здравствуйте, goldfish, Вы писали:

G>Здравствуйте, c-smile, Вы писали:


CS>>font-weight это не ширина символов.

CS>>Сформулируй точно что тебе нужно. Или дай картинку.

G>В выделенных графах пришлось уменьшить lfWidth чтобы уместить текст. Высота шрифта lfHeight при этом не менялась


Как-то так:

text.condensed { tramsform:scale(0.8,1.0); }


И вообще если та форма у тебя примерно вся такая то это делается в HTML, tables или flow:grid/template.
SVG там не нужен точно.
Re[5]: Поддержка SVG
От: goldfish Украина  
Дата: 15.11.14 22:18
Оценка:
c-smile, Вы писали:

CS>И вообще если та форма у тебя примерно вся такая то это делается в HTML, tables или flow:grid/template.

CS>SVG там не нужен точно.


Форма средней сложности. Лист первый и последующий. Есть более замысловатые варианты

Мне проще нарисовать форму в векторе, все размеры в мм, толщины линий тоже

Интересно, как в скайтере печатать такие документы. В самом простом случае есть первый лист и последующие, так-как на первом листе вся информация не поместится, первый и последующие листы на разных бланках.
Информация которую нужно печатать представлена в json, например так:
{
  D:{какой то текст},
  A:{
      B:{какой то текст},
      O:{
          T:{какой то текст}
        },
    },
  A:{. . .},
 . . .
 . . .
  A:{. . .}
}

Нужные графы бланка пометить id, #A, #O и т.д.
Затем перебирая ключи в json заполнять графы у которых id == кеу. Как то так
Только как отслеживать заполнение бланка чтобы начинать следующий лист. Ничего пока не придумывается
Re[6]: Поддержка SVG
От: c-smile Канада http://terrainformatica.com
Дата: 18.11.14 18:23
Оценка:
Здравствуйте, goldfish, Вы писали:

G>Нужные графы бланка пометить id, #A, #O и т.д.

G>Затем перебирая ключи в json заполнять графы у которых id == кеу. Как то так
G>Только как отслеживать заполнение бланка чтобы начинать следующий лист. Ничего пока не придумывается

Придется постранично отправлять на печать. Заполнил страницу — напечатал.
Собственно так же как и в UI это все показывать.
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.