2017-11-01 20 views
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> 

答えて

0

は、適切な形式ですべてのタグを閉じるようにしてください、ブロガーは、あなたが任意のタグを閉じていないので、もし、それが自動的にそれを行うか、間違ったものを修正する豊富なフォーマットウェブです。この

<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> 
<image x="40" y="40" width="180" height="180" xlink:href="http://i.imgur.com/4HJbzEq.png"></image> 

<svg width="260" height="260"> 
    <defs> 
    <lineargradient id="MyGradient"> 
     <stop offset="0%" stop-color="transparent"></stop> 
     <stop offset="33%" stop-color="transparent"></stop> 
     <stop offset="33%" stop-color="#0059dd"></stop> 
     <stop offset="34.2%" stop-color="#0059dd"></stop> 
     <stop offset="34.2%" stop-color="transparent"></stop> 
     <stop offset="68%" stop-color="transparent"></stop> 
     <stop offset="68%" stop-color="#0059dd"></stop> 
     <stop offset="69.2%" stop-color="#0059dd"></stop> 
     <stop offset="69.2%" stop-color="transparent"></stop> 
     <stop offset="102%" stop-color="transparent"></stop> 
    </lineargradient> 
    </defs> 

    <rect fill="url(#MyGradient)" x="0" y="0" width="260" height="260"></rect> 

</svg> 

をお試しください
関連する問題