<html><head></head><body><h1>mask-image 属性</h1><h2>使用 SVG 遮罩层（三角形）：</h2><svg width="600" height="400"> <mask id="svgmask1"> <polygon fill="#ffffff" points="200 0, 400 400, 0 400"></polygon> </mask> <image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/i/photo/wuhan.jpg" mask="url(#svgmask1)"></image></svg><h2>原始图片：</h2><img src="/i/photo/wuhan.jpg" alt="武汉" style="width:600px;height:400px;" /></body></html>