2014-09-19 63 views
2

請參閱下面的代碼。如何在這些行中指定寬度和高度?在jQuery中指定canvas元素的尺寸

使用css指定寬度和高度不起作用。

wrapper.append(
      $('<canvas />', { class: 'canvasClass', id: 'cElement' }) 
     ); 

回答

3

因爲帆布接受widthheight屬性

嘗試使用,

wrapper.append(
    $('<canvas />', { class: 'canvasClass', id: 'cElement' ,width:200, height:200 }) 
); 
+0

這工作。是不是可以像在CSS中指定'%'? – Fergoso 2014-09-19 05:55:00

+0

@Fergoso我們真的不需要指定,因爲它會在渲染時自動將其視爲像素。如果你想根據百分比來設置,你應該提到這個比例是一個強制性的事情。 – 2014-09-19 05:56:45

+0

這是正確的。所以它總是'px',但不能在這一行中指定'%'。 – Fergoso 2014-09-19 06:00:06

1

您還可以使用下面的代碼:

$('.canvasClass').width(500).height(300); 
+0

這也工作。 – Fergoso 2014-09-19 06:04:08