Re: [csswg-drafts] Support for shearing of lines and inline elements

> AFAIK, it is not common in publishing world. Maybe different in TTML usages?

Yes, as I understand it, shearing is not common in printing/publishing, but common in subtitles.

Below is a selection of pointers:

- thread at https://github.com/w3c/ttml2/issues/784
- [SMPTE ST 428-7](https://doi.org/10.5594/SMPTE.ST428-7.2014), which is the subtitling format used worldwide for cinema
- [SST G1 manual](http://canvass.co.jp/global/common/pdf/sstg1-operationmanual.pdf)

>Can I ask where you got the screenshot? 

The screen shot was generated by [imscJS](https://github.com/sandflow/imscJS), which an implementation of IMSC 1.1. See the [sample app](http://sandflow.com/imsc1_1/index.html) and the following IMSC 1.1 sample.

```
<?xml version="1.0" encoding="UTF-8"?>
<tt xmlns:tt="http://www.w3.org/ns/ttml"
    xmlns:ttp="http://www.w3.org/ns/ttml#parameter"
    xmlns="http://www.w3.org/ns/ttml"
    xmlns:tts="http://www.w3.org/ns/ttml#styling"
    ttp:contentProfiles="http://www.w3.org/ns/ttml/profile/imsc1.1/text">
  <head>

    <styling>

      <style xml:id="s1" tts:showBackground="whenActive" tts:color="white" tts:writingMode="tbrl" tts:fontSize="150%"/>

    </styling>

    <layout>

      <region style="s1" xml:id="vertical" tts:origin="55% 5%" tts:extent="40% 90%"/>

    </layout>

  </head>

  <body>

    <div begin="0s" end="1s" tts:shear="16.67%" region="vertical">

      <p>
        <span tts:ruby="container" tts:rubyAlign="spaceAround" tts:rubyPosition="before">
          <span tts:ruby="baseContainer"><span tts:ruby="base">山</span></span><span tts:ruby="textContainer"><span tts:ruby="text">やま</span></span></span>の
      </p>
      <p>
        <span tts:ruby="container" tts:rubyAlign="spaceAround" tts:rubyPosition="after">
         <span tts:ruby="baseContainer"><span tts:ruby="base">最多<span tts:textCombine="all">1998</span>年</span></span>
          <span tts:ruby="textContainer"><span tts:ruby="text">ルビサンプル</span></span>
        </span>
      </p>

    </div>

  </body>

</tt>
```

-- 
GitHub Notification of comment by palemieux
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2983#issuecomment-410220051 using your GitHub account

Received on Friday, 3 August 2018 11:01:58 UTC