Форум

maguaguru · #11 (**permalink**) 06.12.2011, 18:49

Взял Ваш код, признаюсь

, видно.

Но в моем случае почему то - не видно.

Я canvas создаю динамически.

devote · #12 (**permalink**) 06.12.2011, 18:55

ну и при динамическом создании ее видно:

<!DOCTYPE html>  
<html>  
  <head></head>  
  <body>  
    
<script style="text/javascript">  

    var el = document.createElement('canvas'),
        context = el.getContext("2d");

    el.style.width = '100px';
    el.style.height = '100px';

    document.body.appendChild( el );
    
context.moveTo(10,10);   
context.lineTo(100,10);   
      
context.strokeStyle = '#000';   
context.lineWidth = .01;   
context.stroke();  
</script>  
    
  </body>  
</html>

maguaguru · #13 (**permalink**) 06.12.2011, 18:59

Значит что то у меня не так
Буду искать

maguaguru · #14 (**permalink**) 06.12.2011, 19:09

devote,

Попробуйте нарисовать линию так:

<!DOCTYPE html> 
02	<html> 
03	  <head></head> 
04	  <body> 
05	     
06	<script style="text/javascript"> 
07	 
08	    var el = document.createElement('canvas'),
09	        context = el.getContext("2d");
10	 
11	    el.style.width = '100px';
12	    el.style.height = '100px';
13	 
14	    document.body.appendChild( el );
15	     
16	context.moveTo(10,0);  
17	context.lineTo(10,100);  
18	       
19	context.strokeStyle = '#000';  
20	context.lineWidth = .01;  
21	context.stroke(); 
22	</script> 
23	     
24	  </body> 
25	</html>

Видно?

devote · #15 (**permalink**) 06.12.2011, 19:25

ну видимо горизонтальные и вертикальные линии он обрабатывает иначе.

И не копируйте номера строк, там есть справа кнопочка, отключить нумерацию в коде

exa · #16 (**permalink**) 26.03.2014, 20:54

http://jsfiddle.net/loktar/KcTfH/ - может быть поможет

Форум

Справочник

Discord чат

Курсы javascript