Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Canvas --> lineWidth (https://javascript.ru/forum/xhtml-html-css/23787-canvas-linewidth.html)

maguaguru 06.12.2011 18:49

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

Но в моем случае почему то - не видно.:( Я canvas создаю динамически.

devote 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 06.12.2011 18:59

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

maguaguru 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 06.12.2011 19:25

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

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

exa 26.03.2014 20:54

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


Часовой пояс GMT +3, время: 19:33.