используя 2 холста на одной странице

Question

У меня есть 2 холста:

первый холст:

<canvas id="viewport" style="float: right" width="800" height="600"></canvas>
<script language="javascript" type="text/javascript">

и некоторый код в JavaScript

второй холст:

<canvas id="viewport2" style="float: left" width="800" height="600"></canvas>
<script language="javascript" type="text/javascript">

и некоторый код в javascript

Моя проблема в том, что у меня разделенный экран, но отвечает только второй холст, а первый ничего не делает. Я подумал, может быть, мне нужно где-то зарегистрировать оба холста, но ничего не получилось. какие-либо предложения?

Answer 1

Можно иметь два или более холста, и вы даже можете копировать данные с одного на другой, используя JavaScript в качестве моста. Чтобы рисовать на двух разных холстах, вам нужно иметь два отдельных контекста холста.

Пример кода .