Categories: Canvas API

Canvas HTMLCanvasElement:HTMLCanvasElement.width属性

返回到:Canvas API:HTMLCanvasElement

HTMLCanvasElement.width 属性是一个对应 <canvas> 元素 CSS 像素 width 的正整数。当这个属性没有指定时,或者被赋予一个不合法的值,比如一个负值,默认使用 300.

这是其中之一,另一个是 HTMLCanvasElement.height, 它们控制了 canvas 的大小尺寸。

语法

var pxl = canvas.width;
canvas.width = pxl;

示例

有这样一个 <canvas> 元素:

<canvas id="canvas" width="300" height="300"></canvas>

你能够通过下面的代码得到 canvas 的宽度:

var canvas = document.getElementById('canvas');
console.log(canvas.width); // 300

返回到:Canvas API:HTMLCanvasElement

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

15 小时 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

1 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

4 周 ago