Skip to main content

graphics - Rectangle with rounded edges



Inspired from :


Fit an image within a Rectangle [] in Graphics


I would like now to fit an image within a Rectangle[] with rounded edges as shown in the example below :


enter image description here


Is it possible ?



Answer



Using pieces from the linked answers, and Heike's code:


Text piece:


 txt1 = Take[
 ExampleData[{"Text", "LoremIpsum"}, "Lines"], {1, -1, 2}][[1]] //

 StringTake[#, 330] &;

Image piece:


 pic = Import["http://dailytechgadgets.files.wordpress.com/2011/02/old-ferrari.jpg"];

And Heike's code for rectangles:


 rec[ll_, ur_, pic_] := 
 Module[{crop, boxrat}, 
 boxrat = #2/#1 & @@ MapThread[Abs[#2 - #1] &, {ll, ur}]; 
 crop = ImageCrop[pic, Transpose[{ImageDimensions[pic]}], 

 AspectRatio -> boxrat]; 
 Inset[crop, Min /@ Transpose[{ll, ur}], {Left, Bottom}, 
 Abs[ur - ll]]]

and Heike's code again for putting all together -- just adding RoundingRadius to rectangle objects and commenting out lines that produce lines--:


 Graphics[{EdgeForm[{Thickness[0.005`], Black}], FaceForm[White], 
 Rectangle[{0, 0}, {160, 90}, RoundingRadius -> 4], 
 FaceForm[Darker[Gray]], 
 Rectangle[{0, 0}, {80, 63}, 
 RoundingRadius -> 4],(*code for picture*){rec[{80, 0}, {160, 63}, 

 pic], FaceForm[Opacity[0]], 
 Rectangle[{80, 0}, {160, 63}, 
 RoundingRadius -> 4]},(*code for text*)
 Inset[Pane[
 Style[txt1, 12, TextAlignment -> Left], {Scaled[1], 
 Scaled[0.75`]}, Alignment -> Center, 
 ImageSizeAction -> "Scrollable"], {0, 8}, {Left, Bottom}, {78,67}], 
 Flatten[Transpose[{Flatten[(Table[
      RandomChoice[{GrayLevel[0.15`], c0[[#1]]}], {3}] &) /@ 
   Range[2, 4, 1]], 

 MapThread[
  Function[{Xs, Ys}, 
   Rectangle[{Xs, Ys}, {Xs + 16, Ys + 9}, 
    RoundingRadius -> 4]], {Flatten[Table[Range[0, 32, 16], {3}]],
    Flatten[(Table[#1, {3}] &) /@ Range[63, 81, 9]]}]}]](*,{Black,
 Thickness[0.005`],Line[{{0,63},{159,63}}]}*)}, 
 PlotRange -> {{0, 160}, {0, 90}}, Method -> {"ShrinkWrap" -> True}, 
 ImagePadding -> 2, ImageMargins -> 0, ImageSize -> 500]

produces:



image output


You need further refinements to clean up. In particular, the image needs to be masked with a rectangle with rounded corners.


EDIT: For masking an image with a round-cornered reactangle, play with the parameters of Rectangle in


 pic2 = ImageAdd[ pic, 
 Graphics[{Black, Rectangle[{2, 1}, {4, 2}, RoundingRadius -> .2]}]]

Update: For better masking using SetAlphaChannel and better handling of image size (Thanks: @ssch and @Jens)


roundImage[img_, r_] := Module[{dim = ImageDimensions[img], sr}, 
sr = Max[dim]*r; 
SetAlphaChannel[img, 

   Graphics[{White, Rectangle[Scaled[{0, 0}], Scaled[{1, 1}], RoundingRadius -> sr]},
 Background -> Black, PlotRangePadding -> 0, 
 PlotRange -> {{0, 0}, dim}\[Transpose], AspectRatio -> Automatic] ]]

Comments

Post a Comment

Popular posts from this blog

functions - Get leading series expansion term?

Given a function f[x] , I would like to have a function leadingSeries that returns just the leading term in the series around x=0 . For example: leadingSeries[(1/x + 2)/(4 + 1/x^2 + x)] x and leadingSeries[(1/x + 2 + (1 - 1/x^3)/4)/(4 + x)] -(1/(16 x^3)) Is there such a function in Mathematica? Or maybe one can implement it efficiently? EDIT I finally went with the following implementation, based on Carl Woll 's answer: lds[ex_,x_]:=( (ex/.x->(x+O[x]^2))/.SeriesData[U_,Z_,L_List,Mi_,Ma_,De_]:>SeriesData[U,Z,{L[[1]]},Mi,Mi+1,De]//Quiet//Normal) The advantage is, that this one also properly works with functions whose leading term is a constant: lds[Exp[x],x] 1 Answer Update 1 Updated to eliminate SeriesData and to not return additional terms Perhaps you could use: leadingSeries[expr_, x_] := Normal[expr /. x->(x+O[x]^2) /. a_List :> Take[a, 1]] Then for your examples: leadingSeries[(1/x + 2)/(4 + 1/x^2 + x), x] leadingSeries[Exp[x], x] leadingSeries[(1/x + 2 + (1 - 1/x...
Post a Comment
Read more

How to thread a list

I have data in format data = {{a1, a2}, {b1, b2}, {c1, c2}, {d1, d2}} Tableform: I want to thread it to : tdata = {{{a1, b1}, {a2, b2}}, {{a1, c1}, {a2, c2}}, {{a1, d1}, {a2, d2}}} Tableform: And I would like to do better then pseudofunction[n_] := Transpose[{data2[[1]], data2[[n]]}]; SetAttributes[pseudofunction, Listable]; Range[2, 4] // pseudofunction Here is my benchmark data, where data3 is normal sample of real data. data3 = Drop[ExcelWorkBook[[Column1 ;; Column4]], None, 1]; data2 = {a #, b #, c #, d #} & /@ Range[1, 10^5]; data = RandomReal[{0, 1}, {10^6, 4}]; Here is my benchmark code kptnw[list_] := Transpose[{Table[First@#, {Length@# - 1}], Rest@#}, {3, 1, 2}] &@list kptnw2[list_] := Transpose[{ConstantArray[First@#, Length@# - 1], Rest@#}, {3, 1, 2}] &@list OleksandrR[list_] := Flatten[Outer[List, List@First[list], Rest[list], 1], {{2}, {1, 4}}] paradox2[list_] := Partition[Riffle[list[[1]], #], 2] & /@ Drop[list, 1] RM[list_] := FoldList[Transpose[{First@li...
Post a Comment
Read more

front end - keyboard shortcut to invoke Insert new matrix

I frequently need to type in some matrices, and the menu command Insert > Table/Matrix > New... allows matrices with lines drawn between columns and rows, which is very helpful. I would like to make a keyboard shortcut for it, but cannot find the relevant frontend token command (4209405) for it. Since the FullForm[] and InputForm[] of matrices with lines drawn between rows and columns is the same as those without lines, it's hard to do this via 3rd party system-wide text expanders (e.g. autohotkey or atext on mac). How does one assign a keyboard shortcut for the menu item Insert > Table/Matrix > New... , preferably using only mathematica? Thanks! Answer In the MenuSetup.tr (for linux located in the $InstallationDirectory/SystemFiles/FrontEnd/TextResources/X/ directory), I changed the line MenuItem["&New...", "CreateGridBoxDialog"] to read MenuItem["&New...", "CreateGridBoxDialog", MenuKey["m", Modifiers-...
Post a Comment
Read more