ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / в чём различие? <canvas width='300' style='width:300px'>
5 сообщений из 5, страница 1 из 1
в чём различие? <canvas width='300' style='width:300px'>
    #38559692
beg-in-er
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
beg-in-er
Участник
в чём различие задавая размеры элементов таким образом
Код: html
1.
2.
<canvas style='width:300px'>
<canvas width='300'>



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

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

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



результат то сурьёзно отличается.
Стайл перебивает атрибут(давно всем известно). Вот и всё. А разницы - никакой.
...
Рейтинг: 0 / 0
13.02.2014, 20:37
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / в чём различие? <canvas width='300' style='width:300px'>
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38559751&tid=1447402]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 152ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 237ms
total:  469ms
созд. / загр.: 469ms
x
x
Закрыть


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