社区
CSS
帖子详情
HTML5中的canvas怎么根据绘图的内容来自动调整画布大小?
wsy817
2011-08-02 07:47:06
由于画布可能会自动添加新的内容,所以要求canvas可以根据script中的内容多少来 自动调整大小
谁能教一下这该怎么弄?
...全文
1035
8
打赏
收藏
HTML5中的canvas怎么根据绘图的内容来自动调整画布大小?
由于画布可能会自动添加新的内容,所以要求canvas可以根据script中的内容多少来 自动调整大小 谁能教一下这该怎么弄?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
needhx
2011-12-09
打赏
举报
回复
需要注意一点的是如果改变画布大小,画布上面的内容就全部清理掉了。
js控制画布的大小有两种方法:
1.
mycanvas.setAttribute("width", "200");
mycanvas.setAttribute("height", "200");
2.
mycanvas.width = 200;
mycanvas.height = 200;
此外你还可以通过css来改变
mycanvas.style.width = "200px";
mycanvas.style.height = "200px";
wsy817
2011-08-06
打赏
举报
回复
[Quote=引用 6 楼 theforever 的回复:]
你用JS可以控制画布大小啊。
不知道为什么你的需求能使你在反向想这个问题。script里的东西都知道了,根据它们足以确定是否要调整以及如何调整画布的大小,这是最简单的方法。如果想加入一个第三方的中间监测控制,稍微复杂点,恐怕也没必要,到底有无必要还是取决于你需求的详情,从目前所说的程度看不出必要。
[/Quote]
JS不能控制canvas参数...能否指教下怎么才可以? 我已在你留言板留言...麻烦看一下
碧海情天-赵亮
2011-08-04
打赏
举报
回复
你用JS可以控制画布大小啊。
不知道为什么你的需求能使你在反向想这个问题。script里的东西都知道了,根据它们足以确定是否要调整以及如何调整画布的大小,这是最简单的方法。如果想加入一个第三方的中间监测控制,稍微复杂点,恐怕也没必要,到底有无必要还是取决于你需求的详情,从目前所说的程度看不出必要。
KK3K2005
2011-08-03
打赏
举报
回复
你能在canvas上画东西
但是不能改变他的大小
你能告诉我是为什么吗
wsy817
2011-08-03
打赏
举报
回复
有人能回答下么.......
wsy817
2011-08-03
打赏
举报
回复
[Quote=引用 4 楼 kk3k2005 的回复:]
你能在canvas上画东西
但是不能改变他的大小
你能告诉我是为什么吗
[/Quote]
因为canvas的属性是在body中设定的
而画图是在head的script中..
因为这个所以不行么?
wsy817
2011-08-02
打赏
举报
回复
[Quote=引用 1 楼 theforever 的回复:]
似乎有点意思,但问题说得不是很清楚,把你具体想做的事情和期望说明白吧。
[/Quote]
我这边在做的就是一个网络图~ 中间有很多设备 我设定了设备的自动添加到canvas上显示... 但是当设备图标到达一定数量时肯定需要将canvas的height变大才可以显示,现在我不知道怎么才可以让height自动调整。 因为在script中的数据 在body中读不到的....
碧海情天-赵亮
2011-08-02
打赏
举报
回复
似乎有点意思,但问题说得不是很清楚,把你具体想做的事情和期望说明白吧。
HTML5
Canvas
拼图游戏开发
本课程基于
HTML5
的
Canvas
编程技术、JavaScript和CSS等前端技术,实现了拼图游戏的开发过程,可以借此课程初步掌握网页游戏的开发过程和思路,并加强对H5等前端技术的熟练掌握。
H5
中
的
Canvas
画布
canvas
用法: H5
中
新增的元素,只是创造了一个固定
大小
的
画布
,需使用js脚本来进行绘制
画布
默认宽高:默认宽高为300px*150px,可通过 <
canvas
class="cav" width="400px" height="450px"></
canvas
>
调整
大小
,如在样式表
中
设置
画布
的宽高,会失帧。
canvas
元素本身是没有
绘图
能力的,绘制图需要在 JavaScript 内部完成: var
canvas
= document.getElementsByTa
HTML5
中
的
canvas
(
画布
)
HTML5
中
的
canvas
画布
() 1、关于
canvas
的简介 1.
canvas
是
HTML5
标签,表示
画布
,
canvas
只是作为图像绘制的容器,所有的绘制工作都在脚本JavaScript内部完成。 2.
canvas
的作用:①绘制基础图形;②绘制文字;③图形变形和图片合成;④处理图片和视频;⑤动画实现;⑥制作小游戏等等。 3.支持
canvas
的浏览器:Firefox, safari, chrome, opera, IE9等。 2、创建和获取 ① 查看当前浏览器是否支持
canvas
: 可以在
canvas
标签内书
设置
canvas
画布
大小
设置
canvas
画布
大小
的方法
HTML5
——
canvas
画布
canvas
画布
画布
:
HTML5
的
canvas
元素使用 JavaScript 在网页上绘制图像。
画布
是一个矩形区域,您可以控制其每一像素。
canvas
拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 绘制图形的过程 创建
画布
:使用
html5
中
画布
标签 <
canvas
id="id" width="宽度" height="高度"> </
canvas
> JavaScript
中
获取
画布
document.getElementById('id')
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章