Вопрос по masking, vml – обтравочная маска vml

5

Я пытаюсь создать обтравочную маску в 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>

Рисунок изshape (треугольник) работает как положено, но я не могу найти способ замаскировать его, используяvmlframe, Это правильный способ достижения маскировки?

Пожалуйста, игнорируйте всю кучу странных пользовательских атрибутов, так как большая часть кода VML была сгенерирована с помощью сторонней библиотеки.

Заранее спасибо!

Теоретически должна быть возможность обрезать растровые изображения в соответствии сthis W3C doc: "Stenciling and masking are accommodated by permitting a fill operation to be specified as a bitmap (which may therefore be clipped to the fill path). It is possible to extend VML to accommodate clipping of arbitrary drawing by specifying that drawing as the fill which is to be clipped to the shape path." Стыдно, похоже, нигде нет примеров. user568458

Ваш Ответ

1   ответ
2

ИспользоватьCSS-свойство клипа имитировать клип-путь, как показано вБиблиотека Dojo GFX или что-то вродеjsgraphics.

Это на самом деле смысл.Dojo реализовал прямоугольную обтравочную маску, однако мне нужна пользовательская (например, путь / кривая) Jovan Perovic
Хорошо, кажется, что это будет так близко, как я когда-либо получу. Щедрость идет к вам @Paul! Спасибо :) Jovan Perovic
jsgraphics библиотека позволяет выполнять кросс-браузерную заливку и штрихи эллипсов и линий соответственно. Это можно комбинировать с абсолютным позиционированием и цветом, соответствующим цвету фона, чтобы имитировать обтравочную маску.
Нет проблем. Хороший вопрос VML / SVG.

Похожие вопросы