Hay,all
  
   I failed to show text correctly when it is rendered by a g element that apply a clip-path. something like this,
 
<g clip-path="url(#slideClip)">
<g id="slide">
  <rect width="64.0" x="140.03.0" height="64.0" y="13.0" style="fill:#FF9143;opacity: 0.6"/>
  <rect width="64.0" x="210.03.0" height="64.0" y="13.0" style="fill:#FF9143;opacity:0.6"/>
  <text x="140.03.0" y="48.0" style="stroke:black;font-family:'KaiTi_GB2312'">中文</text>
  <text x="210.03.0" y="48.0" style="stroke:black;font-family:'KaiTi_GB2312'">English</text>
</g>
</g>
 
Everything goes right, English words were printed successfully, but Chinese words disappeared.
And, it works perfectly well while i eliminate clip-path.
 
Would you please tell me
1) why does this happen and
2) how can i make it work well?
 
Thanks a lot.
alex

Reply via email to