首页 > 网页制作 > html5

html5中canvas学习笔记1-画板的尺寸与实际显示尺寸

admin html5 2022-02-06 03:32:26 canvas 画板尺寸显示尺寸"

在canvas中当在canvas上写width和height时为canvas的实际画板大小，默认情况下width为300px，height为150px。
在style里面写css样式的时候widht和height为实际显示尺寸大小。
现在以用canvas画一个对角线为例：

复制代码代码如下:

canvas

显示效果如下：

可以看到，canvas画板为200*200的正方形，画图是用到了（0，200）到（200，0）的对角线显示。
但是图形显示的时候为400*200的长方形，而且显示的也是对角线。

版权声明

本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/html5/75924.html

上一篇 : html5构建触屏网站之touch事件介绍

下一篇 : html5中为audio标签增加停止按钮动作实现方法

留言与评论（共有 0 条评论）

QR Code

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

桂ICP备2023010378号-4

桂公网备 45012202000125号

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持