向SVG Image元素添加笔划

时间:2015-10-19 17:33:49

标签: css svg polygon polyline

我是否可以在此代码段中为svg图片元素添加笔划?

<div style="width:100%; height:100%;">
<svg style="width:100%; height:100%;">
          <g>
                <clipPath id="myclippath" clipPathUnits="objectBoundingBox">
                      <polygon points="0 0, 0.4 0, 0.5 0.5, 0.6 0, 1 0, 1 1, 0 1" />
                </clipPath>
        </g>
        <image x="0" y="0" width="100%" height="100%" clip-path="url(#myclippath)"
               xlink:href="https://a248.e.akamai.net/assets.github.com/images/modules/logos_page/Octocat.png" />
    </svg>
</div>

Like this  &lt; -I我希望像这样在裁剪的边缘周围划一下。

0 个答案:

没有答案