HTML5帆布画线/ s在CSS背景图片

我有一个HTML文件，有一个画布，并将背景设置为800x800图像。有谁知道我可以如何在图像上画线？所以即使当我放大/缩小比例是相同的（线条覆盖图像）？HTML5帆布画线/ s在CSS背景图片

这里是我到目前为止的代码

<!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>

来源

2012-01-10 user859348

放大/缩小如何？ – 2012-01-10 16:37:11

只是标准的Web浏览器缩放，或者如果它移动到移动设备.. Web浏览器内置的缩放控制。无论如何，这是我现在最担心的问题 – user859348 2012-01-10 16:47:40

你画最后怎么会出现在上面。

为你的形象问题，你仍然可以使用的drawImage（）（在画布API）这里举例：https://developer.mozilla.org/en/Canvas_tutorial/Using_images

等各个draw（）方法调用首先你的照片的平局那么平局的线。

Personnaly for big project我对每个需要绘制的对象都使用getzindex（）方法。这种方法返回一个数字，然后我排序这些数字，我以正确的顺序调用每个对象的正确绘制方法（希望这是可以理解的）

来源

2012-01-10 16:56:59 Tim

不知道最后一段中的部分，但使用drawImage的css-background是正确的方法，只要图像来自完全相同的域 - 否则可能会出现一些安全异常（请参阅“跨源脚本”）。 – 2012-01-11 12:05:57

HTML5帆布画线/ s在CSS背景图片

回答

相关问题