Реализация globalCompositeOperation в IE

[sullus]

Здравствуйте, необходимо вырезать фигуру в изображении с помощью Сanvas globalCompositeOperation.

Как я понял библиотека excanvas не поддерживает это свойство,

Кто может подсказать как это реализовать в IE?

Есть идея отдельно для IE использовать VML.

[Great Rash]

Есть мнение, что в VML этот функционал не реализован. Соответственно сделать подобное в ИЕ нельзя никак. Можно попробовать применить фильтры, но я не уверен, что фильтры работают с VML.

[sullus]

Можно попробовать применить фильтры, но я не уверен, что фильтры работают с VML.

Спасибо,

Можете сказать как работать с фильтрами?

То есть реализовать вырезание картинки в IE не получиться?

А что если попробовать через clip()?

[Great Rash]

Именно вырезание никак не реализовать. Просто в globalCompositeOperation есть и другие режимы наложения объектов, которые можно попытаться реализовать фильтрами.

http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx - тут туториалы и мануалы.

А что если попробовать через clip()?

clip - это что? Метод какого объекта?

[sullus]

clip - это что? Метод какого объекта?

Это метод 2D canvas полотна, который вырезает все что находится за нарисованной фигурой, как я понял.

clipping-region

example

Спасибо за ссылки!

[Great Rash]

Canvas никак не реализован в ИЕ ниже 9 версии, там есть только VML (аналог SVG). Т.е. это как бы совсем другая технология.

Canvas - это по сути просто холст, на котором можно программно что-то рисовать (аналог Image Magick или GD в PHP). VML как и SVG сознает именно DOM-элементы на странице. Так что попытка реализовать аналог канваса в ИЕ (excanvas.js) выглядит жалко. Приготовьтесь к тому что там не будет очень многих вещей.

Я не знаю что у вас за необходимость в канвасе, но советую посмотреть в сторону библиотеки raphael.js, там используется именно SVG/VML. Возможно там вы найдете что-то полезное.

[sullus]

Canvas никак не реализован в ИЕ ниже 9 версии, там есть только VML (аналог SVG). Т.е. это как бы совсем другая технология.

Canvas - это по сути просто холст, на котором можно программно что-то рисовать (аналог Image Magick или GD в PHP). VML как и SVG сознает именно DOM-элементы на странице. Так что попытка реализовать аналог канваса в ИЕ (excanvas.js) выглядит жалко. Приготовьтесь к тому что там не будет очень многих вещей.

Я не знаю что у вас за необходимость в канвасе, но советую посмотреть в сторону библиотеки raphael.js, там используется именно SVG/VML. Возможно там вы найдете что-то полезное.

Большое спасибо за информацию.

[sullus]

Нашел интересную вещь, вместо excanvas.js, можно устанавливать "Google Chrome Frame" на компьютер пользователей.

В этом случае IE начнет поддерживать canvas как и все нормальные браузеры.

chrome framehttp://code.google.com/chrome/chromeframe/

главное не забыть добавить на страницу <meta http-equiv="X-UA-Compatible" content="chrome=1">

[Great Rash]

Насколько я знаю, это будет работать только если у пользователя установлен сам Chrome.