SVG条纹图案作为元素背景图像

美国广播公司

如何获得以下形状作为svg图形。我喜欢重复使用它作为背景图像。问题是盒子的角落。

在此处输入图片说明

我不知道如何避免每条线的矩形末端。

<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"/>

预习

在此处输入图片说明

弗朗西斯·海姆舍

默认的描边线帽是“对接”,添加到您的样式中:描边线帽:正方形;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

SVG条纹图案作为元素背景图像

来自分类Dev

SVG作为背景图像

来自分类Dev

SVG作为背景图像

来自分类Dev

带有掩码的SVG作为HTML元素的背景图像

来自分类Dev

SVG-拉伸图案xLink背景图像达到100%

来自分类Dev

Polymer SVG作为CSS背景图像不起作用

来自分类Dev

如何获得内联SVG代码作为背景图像?

来自分类Dev

Polymer SVG作为CSS背景图像不起作用

来自分类Dev

在SVG中使用WebP作为背景图像

来自分类Dev

背景图像和元素

来自分类Dev

与Itext的背景图案

来自分类Dev

Base64 编码的 SVG 图像作为背景图像 CSS 属性

来自分类Dev

停止重复 UIImage 背景图案图像 - Swift

来自分类Dev

SVG作为Div的嵌入式背景图像不起作用

来自分类Dev

是否可以在style.css中内联SVG作为背景图像进行多次重用?

来自分类Dev

使用SVG作为背景图像时,未渲染嵌入式<image>

来自分类Dev

使用img src作为背景图像

来自分类Dev

重复形状作为背景图像

来自分类Dev

使CSS背景图像(SVG)响应

来自分类Dev

图像作为svg路径的背景

来自分类Dev

如何使用<img>元素作为具有z-index的背景图像?

来自分类Dev

使用背景图像填充SVG路径元素,而无需平铺或缩放

来自分类Dev

在动态元素上设置背景图像

来自分类Dev

检查图形元素的loaderror背景图像

来自分类Dev

从编号的元素获取背景图像URL

来自分类Dev

从图像对象输出图像URL作为背景图像

来自分类Dev

返回图像作为元素的背景

来自分类Dev

将SVG转换为PNG,并将应用的图像作为背景转换为SVG元素

来自分类Dev

更改元素的背景图像以匹配单击的元素的背景图像