Background with rounded corners (Metafun)

older
Re: [NTG-context] Tagging and Math...

Fabrice Couvreur

23 Aug 2017 23 Aug '17

12:12 a.m.

Hello, I would like to have three corners rounded as in the figure. Thank you Fabrice \definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00] \startuseMPgraphic{MyFrame} path b ; picture p ; p := textext.rt("\bf\tfx\white\framedtextparameter{Title}") ; p := p shifted (.3EmWidth,OverlayHeight-.6EmWidth) ; b := boundingbox p enlarged .3EmWidth ; fill OverlayBox withcolor \MPcolor{MyColorA} ; fill b withcolor \MPcolor{MyColorB} ; draw p ; setbounds currentpicture to boundingbox currentpicture enlarged 2mm ; \stopuseMPgraphic \defineoverlay [MyFrame] [\useMPgraphic{MyFrame}] \defineframedtext [MyFrame] [frame=off, foregroundstyle={\switchtobodyfont[10pt]}, background=MyFrame, align={verytolerant}, height=fit] \definefloat [recipe] [figure] \setupfloat [recipe] [default={right,none}] \showframe \starttext \placerecipe{} {\startMyFrame[Title=Info,width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}). 1 EVP représente environ \unit{38,5 cubic meter}. \stopMyFrame } \input knuth \stoptext

Attachments:

attachment.html (text/html — 1.6 KB)

Show replies by date

Aditya Mahajan

23 Aug 23 Aug

12:50 a.m.

On Wed, 23 Aug 2017, Fabrice Couvreur wrote:

...

Hello, I would like to have three corners rounded as in the figure.

Not sure if you had simplified your example or not. But if all you want is a rounded corner, you can consider using corner=number parameter of framed and framed text: http://wiki.contextgarden.net/Framed#Rounded_Corners Here is an example (that does not use metapost). \definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00] \defineornament [FrameTitle] [preset=lefttop] [ frame=off, foregroundstyle=\bfx, foregroundcolor=white, background=color, backgroundcolor=MyColorB, ] \defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, frame=off, corner=01, ] \showframe \starttext \FrameTitle{Info}{\startFramedText[width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}). 1 EVP représente environ \unit{38,5 cubic meter}. \stopFramedText} \stoptext

Fabrice Couvreur

1:01 a.m.

Hi Aditya, Sorry I forgot to attach the image of what I want to do. I know corner=number parameter of framed and framed text but I wanted to do it with Metafun. Thank you Fabrice 2017-08-23 0:50 GMT+02:00 Aditya Mahajan :

...

On Wed, 23 Aug 2017, Fabrice Couvreur wrote:

Hello,

...
I would like to have three corners rounded as in the figure.

Not sure if you had simplified your example or not. But if all you want is a rounded corner, you can consider using corner=number parameter of framed and framed text:

http://wiki.contextgarden.net/Framed#Rounded_Corners

Here is an example (that does not use metapost).

\definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00]

\defineornament [FrameTitle] [preset=lefttop] [ frame=off, foregroundstyle=\bfx, foregroundcolor=white, background=color, backgroundcolor=MyColorB, ]

\defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, frame=off, corner=01, ]

\showframe \starttext

\FrameTitle{Info}{\startFramedText[width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}).

1 EVP représente environ \unit{38,5 cubic meter}. \stopFramedText}

\stoptext ____________________________________________________________ _______________________ 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://context.aanhet.net archive : https://bitbucket.org/phg/context-mirror/commits/ wiki : http://contextgarden.net ____________________________________________________________ _______________________

Fabrice Couvreur

1:19 a.m.

With your solution 'corner=01' 2017-08-23 1:01 GMT+02:00 Fabrice Couvreur :

...

Hi Aditya, Sorry I forgot to attach the image of what I want to do. I know corner=number parameter of framed and framed text but I wanted to do it with Metafun. Thank you Fabrice

2017-08-23 0:50 GMT+02:00 Aditya Mahajan :

...
On Wed, 23 Aug 2017, Fabrice Couvreur wrote:

Hello,

...
I would like to have three corners rounded as in the figure.

Not sure if you had simplified your example or not. But if all you want is a rounded corner, you can consider using corner=number parameter of framed and framed text:

http://wiki.contextgarden.net/Framed#Rounded_Corners

Here is an example (that does not use metapost).

\definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00]

\defineornament [FrameTitle] [preset=lefttop] [ frame=off, foregroundstyle=\bfx, foregroundcolor=white, background=color, backgroundcolor=MyColorB, ]

\defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, frame=off, corner=01, ]

\showframe \starttext

\FrameTitle{Info}{\startFramedText[width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}).

1 EVP représente environ \unit{38,5 cubic meter}. \stopFramedText}

\stoptext ____________________________________________________________ _______________________ 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/list info/ntg-context webpage : http://www.pragma-ade.nl / http://context.aanhet.net archive : https://bitbucket.org/phg/context-mirror/commits/ wiki : http://contextgarden.net ____________________________________________________________ _______________________

Fabrice Couvreur

1:20 a.m.

Sorry 'corner=00' ! 2017-08-23 1:01 GMT+02:00 Fabrice Couvreur :

...

Hi Aditya, Sorry I forgot to attach the image of what I want to do. I know corner=number parameter of framed and framed text but I wanted to do it with Metafun. Thank you Fabrice

2017-08-23 0:50 GMT+02:00 Aditya Mahajan :

...
On Wed, 23 Aug 2017, Fabrice Couvreur wrote:

Hello,

...
I would like to have three corners rounded as in the figure.

Not sure if you had simplified your example or not. But if all you want is a rounded corner, you can consider using corner=number parameter of framed and framed text:

http://wiki.contextgarden.net/Framed#Rounded_Corners

Here is an example (that does not use metapost).

\definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00]

\defineornament [FrameTitle] [preset=lefttop] [ frame=off, foregroundstyle=\bfx, foregroundcolor=white, background=color, backgroundcolor=MyColorB, ]

\defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, frame=off, corner=01, ]

\showframe \starttext

\FrameTitle{Info}{\startFramedText[width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}).

1 EVP représente environ \unit{38,5 cubic meter}. \stopFramedText}

\stoptext ____________________________________________________________ _______________________ 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/list info/ntg-context webpage : http://www.pragma-ade.nl / http://context.aanhet.net archive : https://bitbucket.org/phg/context-mirror/commits/ wiki : http://contextgarden.net ____________________________________________________________ _______________________

Fabrice Couvreur

30 Aug 30 Aug

6:07 p.m.

Hi Aditya, I tried : \defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, alternative=serried, % text wrapped frame=off, corner=00, ] to have my text wrapped around the ornament as in the figure but it does not work. Thanks Fabrice 2017-08-23 1:20 GMT+02:00 Fabrice Couvreur :

...

Sorry 'corner=00' !

2017-08-23 1:01 GMT+02:00 Fabrice Couvreur :

...
Hi Aditya, Sorry I forgot to attach the image of what I want to do. I know corner=number parameter of framed and framed text but I wanted to do it with Metafun. Thank you Fabrice

2017-08-23 0:50 GMT+02:00 Aditya Mahajan :

...
On Wed, 23 Aug 2017, Fabrice Couvreur wrote:

Hello,

...
I would like to have three corners rounded as in the figure.

Not sure if you had simplified your example or not. But if all you want is a rounded corner, you can consider using corner=number parameter of framed and framed text:

http://wiki.contextgarden.net/Framed#Rounded_Corners

Here is an example (that does not use metapost).

\definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00]

\defineornament [FrameTitle] [preset=lefttop] [ frame=off, foregroundstyle=\bfx, foregroundcolor=white, background=color, backgroundcolor=MyColorB, ]

\defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, frame=off, corner=01, ]

\showframe \starttext

\FrameTitle{Info}{\startFramedText[width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}).

1 EVP représente environ \unit{38,5 cubic meter}. \stopFramedText}

\stoptext ____________________________________________________________ _______________________ 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/list info/ntg-context webpage : http://www.pragma-ade.nl / http://context.aanhet.net archive : https://bitbucket.org/phg/context-mirror/commits/ wiki : http://contextgarden.net ____________________________________________________________ _______________________

Pablo Rodriguez

10:45 p.m.

On 08/30/2017 06:07 PM, Fabrice Couvreur wrote:

...

Hi Aditya, I tried : [...] to have my text wrapped around the ornament as in the figure but it does not work.

Hi Fabrice, sorry if I’m missing something, but I wonder whether the next sample is what you intend. \definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00] \defineornament [FrameTitle] [preset=lefttop] [ frame=off, foregroundstyle=\bfx, foregroundcolor=white, background=color, backgroundcolor=MyColorB, ] \defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, alternative=serried, % text wrapped frame=off, corner=round, ] \definefloat [recipe] [figure] \setupfloat [recipe] [default={right,none}] \showframe \starttext \placerecipe{} {\FrameTitle{Info}{\startFramedText[width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}). 1 EVP représente environ \unit{38,5 cubic meter}. \stopFramedText}} \input zapf \stoptext Just in case it helps, Pablo -- http://www.ousia.tk

Fabrice Couvreur

10:53 p.m.

Hi Pablo, I speak of the text in the frame as in the image https://mail.google.com/mail/u/0/?ui=2&ik=d5d294e54c&view=att&th=15e0c2d8c5b8cf7c&attid=0.1&disp=safe&realattid=f_j6o6zsx20&zw Fabrice 2017-08-30 22:45 GMT+02:00 Pablo Rodriguez :

...

On 08/30/2017 06:07 PM, Fabrice Couvreur wrote:

...
Hi Aditya, I tried : [...] to have my text wrapped around the ornament as in the figure but it does not work.

Hi Fabrice,

sorry if I’m missing something, but I wonder whether the next sample is what you intend.

\definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00]

\defineornament [FrameTitle] [preset=lefttop] [ frame=off, foregroundstyle=\bfx, foregroundcolor=white, background=color, backgroundcolor=MyColorB, ]

\defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, alternative=serried, % text wrapped frame=off, corner=round, ]

\definefloat [recipe] [figure]

\setupfloat [recipe] [default={right,none}]

\showframe

\starttext \placerecipe{} {\FrameTitle{Info}{\startFramedText[width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}).

1 EVP représente environ \unit{38,5 cubic meter}. \stopFramedText}}

\input zapf

\stoptext

Just in case it helps,

Pablo -- http://www.ousia.tk ____________________________________________________________ _______________________ 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://context.aanhet.net archive : https://bitbucket.org/phg/context-mirror/commits/ wiki : http://contextgarden.net ____________________________________________________________ _______________________

Meer, Hans van der

8 Sep 8 Sep

2:37 p.m.

...

\defineornament [FrameTitle] [preset=lefttop]

I tried this example and I wonder what the [preset=lefttop] does. Because whatever I fill in for lefttop, the ornament appears always in the topleft corner and nowhere else. Hans van der Meer

...

On 23 Aug 2017, at 00:50, Aditya Mahajan wrote:

On Wed, 23 Aug 2017, Fabrice Couvreur wrote:

...
Hello, I would like to have three corners rounded as in the figure.

Not sure if you had simplified your example or not. But if all you want is a rounded corner, you can consider using corner=number parameter of framed and framed text:

http://wiki.contextgarden.net/Framed#Rounded_Corners

Here is an example (that does not use metapost).

\definecolor[MyColorA][r=0.8784, g=0.8784, b=0.8784] \definecolor[MyColorB][c=0.00,m=0.27,y=1.00,k=0.00]

\defineornament [FrameTitle] [preset=lefttop] [ frame=off, foregroundstyle=\bfx, foregroundcolor=white, background=color, backgroundcolor=MyColorB, ]

\defineframedtext [FramedText] [ offset=0.6em, toffset=\lineheight, background=color, backgroundcolor=MyColorA, foregroundstyle={\switchtobodyfont[10pt]}, align=verytolerant, frame=off, corner=01, ]

\showframe \starttext

\FrameTitle{Info}{\startFramedText[width=10cm] L'équivalent vingt pieds (EVP) est une unité de mesure de conteneurs (de longueur courante 20 pieds, soit environ \unit{6,1 meter}).

1 EVP représente environ \unit{38,5 cubic meter}. \stopFramedText}

\stoptext___________________________________________________________________________________ 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://context.aanhet.net archive : https://bitbucket.org/phg/context-mirror/commits/ wiki : http://contextgarden.net ___________________________________________________________________________________

2686

Age (days ago)

2703

Last active (days ago)

List overview

Download

8 comments

4 participants

participants (4)

Aditya Mahajan
Fabrice Couvreur
Meer, Hans van der
Pablo Rodriguez

Background with rounded corners (Metafun)

tags

participants (4)