我正在尝试在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 对其进行 mask 的方法。这是实现 mask 的正确方法吗?
请忽略所有奇怪的自定义属性,因为大多数VML代码是通过第3方库生成的。
提前致谢!
最佳答案
如CSS clip property或Dojo GFX library所示,使用jsgraphics模拟剪贴路径。
关于masking - vml剪贴蒙版,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11120004/