VML剪贴蒙版(vml clipping mask)

2019-07-30 01:36发布

我试图创建VML剪贴蒙版,将对应于clip-path在SVG? 那可能吗?

基于多,但相当有限,例子我试图绘制形状:

<vml:group style="WIDTH: 1px; HEIGHT: 1px" class=vml-element coordsize = "1,1">
    <vml:shape style="WIDTH: 1px; HEIGHT: 1px" id=vectorObject2 class=vml-element _fill-color="red" _fill-opacity="1" _stroke-color="black" _stroke-opacity="1" _stroke-width="1" coordsize = "1,1" filled = "t" fillcolor = "red" stroked = "t" strokecolor = "black" strokeweight = ".75pt" path = "m0,0 l100,0,0,100 xe">
        <vml:fill class=vml-element opacity = "1"></vml:fill>
        <vml:stroke class=vml-element opacity = "1"></vml:stroke>
    </vml:shape>
</vml:group>

然后使用掩蔽它vmlframe

<vml:vmlframe class=vml-element clip = "t" size = "15pt,37.5pt" src = "#vectorObject2">    </vml:vmlframe>

形状 (三角形)的绘画作品如预期,但我无法找到我的方式使用vmlframe来掩盖它。 那是正确的方式来实现屏蔽?

为广大的VML代码是通过第三方库生成的请无视一切一堆怪异的自定义属性。

提前致谢!

Answer 1:

使用CSS clip属性作为证明效仿夹路径道场GFX库或类似jsgraphics 。



文章来源: vml clipping mask
标签: masking vml