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

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

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

mathematical optimization - Minimizing using indices, error: Part::pkspec1: The expression cannot be used as a part specification

I want to use Minimize where the variables to minimize are indices pointing into an array. Here a MWE that hopefully shows what my problem is. vars = u@# & /@ Range[3]; cons = Flatten@ { Table[(u[j] != #) & /@ vars[[j + 1 ;; -1]], {j, 1, 3 - 1}], 1 vec1 = {1, 2, 3}; vec2 = {1, 2, 3}; Minimize[{Total@((vec1[[#]] - vec2[[u[#]]])^2 & /@ Range[1, 3]), cons}, vars, Integers] The error I get: Part::pkspec1: The expression u[1] cannot be used as a part specification. >> Answer Ok, it seems that one can get around Mathematica trying to evaluate vec2[[u[1]]] too early by using the function Indexed[vec2,u[1]] . The working MWE would then look like the following: vars = u@# & /@ Range[3]; cons = Flatten@{ Table[(u[j] != #) & /@ vars[[j + 1 ;; -1]], {j, 1, 3 - 1}], 1 vec1 = {1, 2, 3}; vec2 = {1, 2, 3}; NMinimize[ {Total@((vec1[[#]] - Indexed[vec2, u[#]])^2 & /@ R...
Post a Comment
Read more