как изменить размер canvas динамически - HTML и CSS

Illusiony · 03.03.2014, 21:06

на странице имеется:

Код:

<style>
	.popup {
   position: fixed;
   width: 1000px;
   height: 200px;
   background-color: red;
   top: 0px;
    left: 0px;
   margin: 0px;
     border-radius: 0px 0px 20px ;
	 opacity: .5;
   filter: alpha(opacity=50);
}
 <!-- margin: -150px 0 0 -150px-->
	</style>

<body  onLoad="javascript:onload();">

<div id="b7" name="b7" class="popup" > <canvas height="200" width="1000" id="canvas_2" name="canvas_2" ></canvas>

Далее я рисую что то на холсте.

Код:

function onload()//
	{/ чтото рисую}

Теперь я хочу изменить окно на котором этот canvas лежит при помощи jquery путем нажатия на кнопку

Код:

$("#b7").css("width","100px");

размер окна изменился но все что было нарисовано на canvas так и осталось, несмотря на то что окно на котором она "лежит" уменьшилось.

Что я делаю не так ? ( нужно чтобы вместе с размером окна canvas также изменялась канва лежащая на этом окне)

Naive · 04.03.2014, 07:19

Размер холста изменяется в атрибутах, их тоже надо переназначить. При этом содержимое холста стирается.

03.03.2014, 21:06	#1
Illusiony Форумчанин Регистрация: 17.02.2014 Сообщений: 881	как изменить размер canvas динамически на странице имеется: Код: `<style> .popup { position: fixed; width: 1000px; height: 200px; background-color: red; top: 0px; left: 0px; margin: 0px; border-radius: 0px 0px 20px ; opacity: .5; filter: alpha(opacity=50); } <!-- margin: -150px 0 0 -150px--> </style> <body onLoad="javascript:onload();"> <div id="b7" name="b7" class="popup" > <canvas height="200" width="1000" id="canvas_2" name="canvas_2" ></canvas>` Далее я рисую что то на холсте. Код: `function onload()// {/ чтото рисую}` Теперь я хочу изменить окно на котором этот canvas лежит при помощи jquery путем нажатия на кнопку Код: `$("#b7").css("width","100px");` размер окна изменился но все что было нарисовано на canvas так и осталось, несмотря на то что окно на котором она "лежит" уменьшилось. Что я делаю не так ? ( нужно чтобы вместе с размером окна canvas также изменялась канва лежащая на этом окне) Последний раз редактировалось Illusiony; 03.03.2014 в 21:08.

04.03.2014, 07:19	#2
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Размер холста изменяется в атрибутах, их тоже надо переназначить. При этом содержимое холста стирается. Alar, верни репу!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как изменить размер графика	gluk_fm	Microsoft Office Excel	2	20.10.2011 10:45
Как обратиться к динамически созданному объекту, изменить его?	2bfree	Общие вопросы Delphi	3	24.07.2011 14:06
Как изменить размер массива?	mavlon_m	Общие вопросы Delphi	8	04.08.2009 16:18
Как изменить динамически менять размер плавающего фрейма, к-й находится в ячейке таблицы?	3lander	HTML и CSS	8	26.05.2008 19:54
Как изменить размер поля БД	Алёна	БД в Delphi	5	07.05.2007 10:06