SVG Stripe Pattern as Element Background-Image
MR.ABC
How is it possible to get the following shape as a svg graphic. I like to use it as a background-image with repeat. The problem are the box corners.
I don't know how to avoid the rectangular ends of each line.
<svg xmlns="http://www.w3.org/2000/svg" width="8px" height="8px">
<style type="text/css">
<![CDATA[
path {
stroke-antialiasing:true
fill: none;
stroke: #000;
stroke-width: 2px;
opacity: 0.1;
}
]]>
</style>
<path d="M4 0 0 4"/>
<path d="M8 4 4 8"/>
Preview
Francis Hemsher
The default stroke-linecap is 'butt", add to uour style: stroke-linecap: square;
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: Android improve performance when populating a Table Layout with JSON data
- Next: How can I get each rows of tableview?
Related
Related Related
- 1
SVG Stripe Pattern as Element Background-Image
- 2
SVG - strech pattern xLink background image to 100%
- 3
Custom font not displaying in SVG pattern used as background-image
- 4
Fill SVG path element with a background image without tiling or scaling
- 5
SVG pattern tiled image
- 6
SVG element background color
- 7
SVG as background image
- 8
SVG as background image
- 9
filling svg background with an image
- 10
SVG image element rotation
- 11
remove stripe pattern in image taken by microscope
- 12
to give a responsive background pattern image
- 13
Appending svg into a background-image
- 14
PHP Generated SVG as background image
- 15
SVG background image not appearing on iPad
- 16
Rotating stripes in SVG background image
- 17
SVG triangle separator with image background
- 18
Background SVG image inline not displayed
- 19
SVG triangle separator with image background
- 20
Background image not zooming and panning with SVG
- 21
Responsive svg clipPath with background image
- 22
Using WebP as a background image in SVG
- 23
Can I have a SVG Pattern with background color?
- 24
Svg image element not displaying in Safari
- 25
Fill svg element with local image
- 26
Convert svg-element to image
- 27
SVG Image element resize picture
- 28
set image as a background of a sibling element
- 29
Setting background image on dynamic element
Comments