Использует ли Raphael js холст или svg?

Question

Как видно на Home page Рафаэля Js он говорит:

Рафаель небольшая библиотека JavaScript, которая должна упростить работу с векторной графикой в ​​Интернете.

Raphaë использует Рекомендацию SVG W3C и VML в качестве основы для создания графики .

Но когда дело доходит до создания Raphael объектов, таких, как в этом LINK:

он говорит:

Создает объект холст, на котором рисовать. Вы должны сделать это первым, а все будущие вызовы к разработке методов этого экземпляра будет привязан к этому холсту

Я смущен, использует ли это холст или SVG, так как холст использует формат типа растра, какие пиксели, когда масштабируется по сравнению с SVG, который использует пути для рисования и запоминания фигур в виде графика сцены или объектной модели документа.

Answer 1

Raphael использует элемент SVG, он не использует Canvas (вообще, где угодно). Он может использовать VML для более старой поддержки браузера.

Его просто иногда имена переменных, которые люди используют для основного элемента Рафаэля, - это такие вещи, как бумага или холст (и Рафаэль называет свою бумагу холстом, что сбивает с толку), поскольку он описывает это хорошо.

Если мы посмотрим на то, что лежит в основе объекту Raphael себя, мы можем взять быстрый взгляд (я предполагаю, что на очень старом IE это может выглядеть немного по-другому и быть VML) ..

var paper = new Raphael('mydiv', 100, 100); 
console.log(paper.canvas); 

дисплеи

<svg height="100" version="1.1" width="100" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative;"> 

    <desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.1.0</desc> 
    <defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 

    </defs> 
</svg>