Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / в чём различие? <canvas width='300' style='width:300px'> / 5 сообщений из 5, страница 1 из 1
13.02.2014, 12:58
    #38559692
beg-in-er
beg-in-er
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
в чём различие? <canvas width='300' style='width:300px'>
в чём различие задавая размеры элементов таким образом
Код: html
1.
2.
<canvas style='width:300px'>
<canvas width='300'>



результат то сурьёзно отличается.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2014, 13:13
    #38559724
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
в чём различие? <canvas width='300' style='width:300px'>
width='300' задает размер полотна в пикселях.
style='width:300px' - размер элемента.
если их выставить одновременно с разными значениями, то будет растянутая или сплющенная картинка (как если для img с реальной шириной 300рх указать стиль style='width:400px')

потому в канвасе стили width и height обычно не нужны
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2014, 13:29
    #38559751
beg-in-er
beg-in-er
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
в чём различие? <canvas width='300' style='width:300px'>
Яростный Меч,

нарисовал по привычке так
Код: javascript
1.
2.
3.
4.
<canvas style='width:300px:height:300px' id='canvas1'>
    var ctx=document.getElementById("canvas1").getContext("2d");
    ctx.fillStyle=color;
    ctx.fillRect(100,100,200,200);



и был весьма удивлён нарисованному. почему маштаб съехал.

п.с это только у канваса такие танцы, или какой то ещё елемент может выкинуть фортель
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2014, 14:04
    #38559814
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
в чём различие? <canvas width='300' style='width:300px'>
beg-in-erэто только у канваса такие танцы, или какой то ещё елемент может выкинуть фортельу <img> аналогично.
<img> и <canvas width height> по своей философской сути одно и то же - растровая картинка NxM пикселей. Размеры в стилях действуют на них одинаково.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2014, 20:37
    #38560379
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
в чём различие? <canvas width='300' style='width:300px'>
beg-in-erв чём различие задавая размеры элементов таким образом
Код: html
1.
2.
<canvas style='width:300px'>
<canvas width='300'>



результат то сурьёзно отличается.
Стайл перебивает атрибут(давно всем известно). Вот и всё. А разницы - никакой.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / в чём различие? <canvas width='300' style='width:300px'> / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 522ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447402]:
 0ms
get settings:
 10ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 189ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 240ms
total:  522ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]