Html5 Canvas Draw Line / S на CSS фоне - PullRequest
Новая
       27

Html5 Canvas Draw Line / S на CSS фоне

0 голосов
/ 10 января 2012

У меня есть HTML-файл с холстом, который устанавливает фоновое изображение 800x800. Кто-нибудь знает, как я могу рисовать линии сверху изображения? так что даже когда я увеличиваю / уменьшаю масштабирование, то же самое (линии, накладывающие изображение)?

вот мой код 

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Project 1</title>
<style type="text/css" media="screen">
canvas { background:url(image.png) }
</style>
</head>
<body> 

<canvas id="canvas" width="800px" height="800px"></canvas>


</body></html>

1 Ответ

1 голос
/ 10 января 2012

То, что вы рисуете, последний будет отображаться сверху.

Для вашей проблемы с изображением вы все еще можете использовать drawImage () (в холсте API) Пример здесь: https://developer.mozilla.org/en/Canvas_tutorial/Using_images

Итаккаждый метод draw (), который вы вызываете сначала рисование ваших рисунков, а затем рисование ваших линий.

Персоналии для большого проекта Я использую метод getzindex () для каждого объекта, который нужно нарисовать.Этот метод возвращает число, затем я сортирую эти числа и вызываю правильный метод рисования для каждого объекта в правильном порядке (надеюсь, это понятно)

...