From: Hans Hagen <pragma@wxs.nl>
To: mailing list for ConTeXt users <ntg-context@ntg.nl>
Subject: Re: Trying to emulate CSS
Date: Sat, 18 Oct 2014 12:32:50 +0200 [thread overview]
Message-ID: <544241D2.8000006@wxs.nl> (raw)
In-Reply-To: <loom.20141017T224145-484@post.gmane.org>
On 10/17/2014 10:47 PM, Stuart Hungerford wrote:
> Hans Hagen <pragma <at> wxs.nl> writes:
>
>> \starttext
>>
>> \framed
>> [offset=overlay,width=4cm,height=4cm]
>> {\externalfigure[t:/sources/cow.pdf][factor=max]}
>>
>> \framed
>> [offset=overlay,width=4cm,height=6cm]
>> {\externalfigure[t:/sources/cow.pdf][factor=max]}
>>
>> \framed
>> [offset=overlay,width=6cm,height=4cm]
>> {\externalfigure[t:/sources/cow.pdf][factor=max]}
>>
>> \stoptext
>>
>>> This works well, but what I'd like to do is choose a fixed
>>> size frame
>>> for each PDF and have ConTeXt fill the frame in the same
>>> way as these
>>> CSS commands:
>>>
>>> object-fit : cover;
>>> object-position : top left;
>>> overflow : hidden;
>>>
>>> (http://www.w3.org/TR/css3-images/#the-object-fit)
>
> Many thanks -- although I don't see the effect I'm trying to get.
> In the code below the cow picture should fill the three frames at
> three different scales with no white bars between the frame and
> the externalfigure frame:
>
> \setupexternalfigures[location={default}]
>
> \starttext
>
> \framed
> [offset=overlay,width=10cm,height=2cm]
> {\externalfigure[cow][frame=on,factor=max]}
>
> \framed
> [offset=overlay,width=4cm,height=8cm]
> {\externalfigure[cow][frame=on,factor=max]}
>
> \framed
> [offset=overlay,width=6cm,height=6cm]
> {\externalfigure[cow][frame=on,factor=max]}
>
> \stoptext
We already have a low level repeater so I've added a low level filler.
It will be in the next beta upload (probably not today).
\setupexternalfigures[location={default}]
\starttext
\framed[offset=overlay,width=6cm,height=3cm]{\backgroundimage
{1}{\hsize}{\vsize}{\externalfigure[cow][width=1cm]}} \blank
\framed[offset=overlay,width=6cm,height=3cm]{\backgroundimage
{2}{\hsize}{\vsize}{\externalfigure[cow][width=1cm]}} \blank
\framed[offset=overlay,width=6cm,height=3cm]{\backgroundimage
{3}{\hsize}{\vsize}{\externalfigure[cow][width=1cm]}}
\page
\framed[offset=overlay,width=4cm,height=2cm]{\backgroundimagefill{1}{\hsize}{\vsize}{\externalfigure[cow]}}
\blank
\framed[offset=overlay,width=4cm,height=2cm]{\backgroundimagefill{2}{\hsize}{\vsize}{\externalfigure[cow]}}
\blank
\framed[offset=overlay,width=4cm,height=2cm]{\backgroundimagefill{3}{\hsize}{\vsize}{\externalfigure[cow]}}
\page
\framed[offset=overlay,width=2cm,height=4cm]{\backgroundimagefill{1}{\hsize}{\vsize}{\externalfigure[cow]}}
\blank
\framed[offset=overlay,width=2cm,height=4cm]{\backgroundimagefill{2}{\hsize}{\vsize}{\externalfigure[cow]}}
\blank
\framed[offset=overlay,width=2cm,height=4cm]{\backgroundimagefill{3}{\hsize}{\vsize}{\externalfigure[cow]}}
\page
\framed[offset=overlay,width=4cm,height=2cm]{\backgroundimagefill{1}{\hsize}{\vsize}{\externalfigure[mill]}}
\blank
\framed[offset=overlay,width=4cm,height=2cm]{\backgroundimagefill{2}{\hsize}{\vsize}{\externalfigure[mill]}}
\blank
\framed[offset=overlay,width=4cm,height=2cm]{\backgroundimagefill{3}{\hsize}{\vsize}{\externalfigure[mill]}}
\page
\framed[offset=overlay,width=2cm,height=4cm]{\backgroundimagefill{1}{\hsize}{\vsize}{\externalfigure[mill]}}
\blank
\framed[offset=overlay,width=2cm,height=4cm]{\backgroundimagefill{2}{\hsize}{\vsize}{\externalfigure[mill]}}
\blank
\framed[offset=overlay,width=2cm,height=4cm]{\backgroundimagefill{3}{\hsize}{\vsize}{\externalfigure[mill]}}
\stoptext
> [I'm sending this via the Gmane interface as this thread hasn't come through
> via the mailing list daily digests via email yet).
please avoid duplicate postings
Hans
-----------------------------------------------------------------
Hans Hagen | PRAGMA ADE
Ridderstraat 27 | 8061 GH Hasselt | The Netherlands
tel: 038 477 53 69 | voip: 087 875 68 74 | www.pragma-ade.com
| www.pragma-pod.nl
-----------------------------------------------------------------
___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!
maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage : http://www.pragma-ade.nl / http://tex.aanhet.net
archive : http://foundry.supelec.fr/projects/contextrev/
wiki : http://contextgarden.net
___________________________________________________________________________________
prev parent reply other threads:[~2014-10-18 10:32 UTC|newest]
Thread overview: 4+ messages / expand[flat|nested] mbox.gz Atom feed top
2014-10-15 22:36 Trying to emulate CSS "object-fit" behaviour Stuart Hungerford
2014-10-16 11:32 ` Hans Hagen
2014-10-17 20:47 ` Trying to emulate CSS Stuart Hungerford
2014-10-18 10:32 ` Hans Hagen [this message]
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=544241D2.8000006@wxs.nl \
--to=pragma@wxs.nl \
--cc=ntg-context@ntg.nl \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for NNTP newsgroup(s).