Wasp pattern in a square question
Hello,
Sorry for the lame question. I would like to create a square, then divide it with diagonal stripes, and fill each stripe with alternative color - yellow-black-yellow-etc... I can't really figure out how to do this. Any suggestions are welcome.
Thank you.
3 Attachment(s)
Re: Wasp pattern in a square question
I would:
Make a series of rectangles with the Snap To Objects turned on (magnet icon) [pic 1]
Select all the rectangles and rotate by 45 degrees and group them (ctrl +G) [pic 2]
Create a square and place on top of the stripes. Select the grouped stripes and the square and Intersect the 2 (ctrl+3) [pic 3]
Attachment 134224 Attachment 134225 Attachment 134226
Re: Wasp pattern in a square question
Alternately, place the rectangle behind the stripes, select all and Arrange > Apply Clipview.
The advantage to Clipview is you can remove clip view and your stripes are still intact.
1 Attachment(s)
Re: Wasp pattern in a square question
Quicker and you are only working on the Square:
Select your Square and add a Yellow/Black Repeating Fill, which you Ctrl Drag to make it diagonal.
Then set the Profile to (0, -1) to get equal sized BY stripes.
Change the zero between +-1 to change the relative widths of the stripes.
Ctrl Drag the Local End Control to increase or decrease the number of stripes.
Attachment 134229
Acorn
Re: Wasp pattern in a square question
Quote:
Quicker and you are only working on the Square:
Is this vector?
Re: Wasp pattern in a square question
Thank you so much. I ended up doing something like the last suggestion - created a yellow/black fill, saved it as a bitmap, and Shift+drag from the bitmap gallery.
Re: Wasp pattern in a square question
Quote:
Originally Posted by
gwpriester
Is this vector?
No, it does not. Neither does Clipview. Chris's Intersect does.
You would still need a Plus XDA so out of scope for the OP.
Acorn
1 Attachment(s)
Re: Wasp pattern in a square question
For interest, the CSS in the Website Head and a Name of htmlclass="stripes", adds stripes to any (non-)rounded corner rectangle.
A pure circle can be rotated to alter the angle but generally you adjust values in the :root section.
It works in all XDA versions.
The bottom square is not a Rectangle but a square shape, which, without SVG enabled or available, renders a enclosing PNG that is only 90 bytes large.
All objects need to be set as No Fill.
Attachment 134230
Potentially crisper:
<style>
.stripes {
background-image: linear-gradient(45deg, yellow 25%, black 25%, black 50%, yellow 50%, yellow 75%, black 75%, black 100%);
background-size: 32px 32px;
}
</style>
Acorn