1
私はこれを理解しようとしており、できません。誰でもBloggerがこれを行う理由を知っていますか?そして、これはブロガーがそれをしないようにこれを修正することはできますか?それは基本的に私がここに流れようとしているのは、詳細を追加したいと思っています。一例として、Bloggerはクローズタグを尊重しません。
:
この:
<svg width="260" height="260">
<defs>
<clippath id="circleView">
<circle cx="130" cy="130" r="85" fill="orange" />
</clippath>
</defs>
<image x="40" y="40" width="180" height="180" xlink:href="https://i.imgur.com/uuqDlZB.jpg" clip-path="url(#circleView)" />
<image x="40" y="40" width="180" height="180" xlink:href="http://i.imgur.com/4HJbzEq.png" />
<svg width="260" height="260">
<defs>
<lineargradient id="MyGradient">
<stop offset="0%" stop-color="transparent" />
<stop offset="33%" stop-color="transparent" />
<stop offset="33%" stop-color="#0059dd" />
<stop offset="34.2%" stop-color="#0059dd" />
<stop offset="34.2%" stop-color="transparent" />
<stop offset="68%" stop-color="transparent" />
<stop offset="68%" stop-color="#0059dd" />
<stop offset="69.2%" stop-color="#0059dd" />
<stop offset="69.2%" stop-color="transparent" />
<stop offset="102%" stop-color="transparent" />
</lineargradient>
</defs>
<rect fill="url(#MyGradient)" x="0" y="0" width="260" height="260" />
</svg>
</svg>
はこのようになります。インサイドブロガー。
<svg width="260" height="260">
<defs>
<clippath id="circleView">
<circle cx="130" cy="130" r="85" fill="orange" />
</circle></clippath>
</defs>
<image x="40" y="40" width="180" height="180" xlink:href="https://i.imgur.com/uuqDlZB.jpg" clip-path="url(#circleView)" />
<image x="40" y="40" width="180" height="180" xlink:href="http://i.imgur.com/4HJbzEq.png" />
<svg width="260" height="260">
<defs>
<lineargradient id="MyGradient">
<stop offset="0%" stop-color="transparent" />
<stop offset="33%" stop-color="transparent" />
<stop offset="33%" stop-color="#0059dd" />
<stop offset="34.2%" stop-color="#0059dd" />
<stop offset="34.2%" stop-color="transparent" />
<stop offset="68%" stop-color="transparent" />
<stop offset="68%" stop-color="#0059dd" />
<stop offset="69.2%" stop-color="#0059dd" />
<stop offset="69.2%" stop-color="transparent" />
<stop offset="102%" stop-color="transparent" />
</stop></stop></stop></stop></stop></stop></stop></stop></stop></stop></lineargradient>
</defs>
<rect fill="url(#MyGradient)" x="0" y="0" width="260" height="260" />
</rect></svg>
</image></image></svg>