色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html5 設置 坐標

錢艷冰2年前8瀏覽0評論
HTML5設置坐標 HTML5提供了一種新的元素,能夠讓我們以編程的方式來渲染圖像,而這一切必須依賴于canvas元素的坐標系。在這里我們會詳細說明如何設置坐標。元素默認情況下是個300像素×150像素的矩形區域(寬×高),但是我們可以使用width和height屬性來設置寬高值,例如:
現在我們已經定義了一個500像素×500像素的元素,但是這只是定義了它的大小,并沒有定義它的坐標系。我們需要使用JavaScript來設置坐標系。元素右上角坐標為(0, 0),而它的x軸正方向為從左到右,y軸正方向為從上到下。我們可以使用JavaScript來重新定義它的坐標系,例如:
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.translate(100, 100);
這里我們先獲取了元素,然后使用getContext()方法來獲取該元素的2D上下文,最后使用translate()方法來重新定義坐標系。我們的新坐標系的左上角就是在原有坐標系的(100, 100)處。 以上是關于HTML5設置坐標的簡單介紹,希望對大家有所幫助。