vml剪贴蒙版

时间:2012-06-20 12:52:11

标签: masking vml

我正在尝试在VML中创建一个与SVG中的clip-path对应的剪贴蒙版?这可能吗?

基于众多但相当有限的例子我尝试绘制形状:

<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代码是通过第三方库生成的。

提前致谢!

1 个答案:

答案 0 :(得分:2)

使用CSS clip property模拟剪辑路径,如Dojo GFX libraryjsgraphics中所示。