Что я могу сделать по моей идее (о JavaScript HTML5 CSS)

Question

Я хочу сделать демо, используя HTML CSS JavaScript, и идея такова:

1. Я хочу сделать редактор LIKE бумаги

2.Вы можете написать слово на немкак и flash, отличается от textarea: его можно написать в любом месте, где вы щелкнули, и показать курсор, где вы щелкнули левой кнопкой мыши

3.. Это может быть нарисовать простую графику, например flash

Могу ли я сделать ??

1.using div?

2.using canvas?

3. other

спасибо

Answer 1

1 и 2 можно сделать без Canvas. Вы можете просто перехватить событие click для базового элемента и создать в этой позиции div (с contenteditable) или textarea (приятно стилизованный).
Для номера 3 удобнее всего использовать элемент Canvas.

Это также зависит от того, какой уровень поддержки вы должны оказывать «старым» браузерам. Как вы, возможно, знаете, Canvas не поддерживается в IE8 (и ниже).

Это также зависит от того, хотите ли вы что-то сделать с конечным результатом. Canvas - это холст, и вы можете экспортировать его только как растровое изображение, а не как вектор. Возможно, вы захотите выбрать SVG, чтобы сохранить изображение в векторном формате.

Answer 2

Использовать графику SVG / VML.

Лучший способ сделать это с помощью библиотеки, такой как Raphael или JSX Graph .

Надеюсь, вы найдете то, что хотите, между этими двумя библиотеками.