Wasp pattern in a square question

[hellias]

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.

[Chris M]

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]

[gwpriester]

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.

[Acorn]

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.



Acorn

[gwpriester]

Quicker and you are only working on the Square:

Is this vector?

[hellias]

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.

[Acorn]

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

[Acorn]

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.

CSS - Wasp Stripes.xar

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