最近，我用HTML5和Js编写了一个简单的平台。我的背景图像具有600像素的宽度和400像素的高度，根据我如何定义画布的大小，呈现方式会有所不同。如果我使用元素属性并像这样定义它的大小：<canvas width="600" height="400">，我会得到想要的结果；图像恰到好处地位于画布中。另一方面，如果我通过给画布一个ID来定义画布的大小，然后在CSS文件中设置它的样式，比如：#canvas
浏览 0提问于2014-06-08得票数 0
1回答
我想在画布上画一幅画。我用html定义了画布，并使用JS调整了画布的大小。;context.drawImage(img,50,0,400,140);
当我使用drawImage函数时，位置和大小属性的坐标不符合调整大小的画布(例如，图像的大小更大)。例如，如果我在JS调整大小之前用html定义了<
浏览 3提问于2013-08-21得票数 2
回答已采纳
所以我所要做的就是用javascript在HTML画布上作画。 我设法让画布和它的上下文被选中来分离变量，并得到一个初始的、普通的、红色的方框来绘制，但在那之后我似乎无法绘制任何东西。this.canvasCtx.fillStyle = 'red'; } HTML
浏览 14提问于2019-05-15得票数 0
回答已采纳
我试着在html5画布上画图像。问题是图像在画布中被拉伸 'http://www.w3schools.com/tags/img_the_scream.jpg',
function
浏览 2提问于2013-05-12得票数 17
回答已采纳
snapshot.height);}我的问题是snpashot总是300x*150px大小
浏览 2提问于2015-01-15得票数 0
1回答
射线投影前的问题
、、
学习与Three.js的互动时，我脑子里有几个问题2)它们与客户坐标有何不同？var vpx = ( eltx / div.offsetWidth ) * 2 - 1;// vp->viewport, eltx->client coords,div->The div where webGL renderer has been appended.
(4)在取矢量的同时，为什么在视口系统中取第三坐标为0.5
浏览 0提问于2013-09-30得票数 0
回答已采纳
1回答
我有不同大小的图片，我试图用它们作为背景在画布上。<!DOCTYPE html><head></head> <canvas id="canvas"width="1000" height="1000
浏览 2提问于2018-02-01得票数 0
回答已采纳
我的画布有几条线条，彩色的形状和文字。由此产生的png在桌面Chrome上看起来很不错。然而，该图像是非常低的质量，像素化，移动Chrome。
有没有办法提高移动设备的图像质量？
浏览 2提问于2014-08-05得票数 0
回答已采纳
1回答
固定尺寸元件填充区
、、、
我以为画布是走的路，但我似乎找不到我需要的信息。需求2)用户应该能够创建(和大小)对象放在屋顶上(烟囱，窗口，.) ctx.clearRect(0,0,canvas.width,canvas.height);}画布
浏览 1提问于2017-09-06得票数 0
1回答
我对三个Js不太熟悉。当我开始这项工作，并了解到有一个库React-three-fiber，它提供了组件中的三个Js的所有特性，我从这里开始。我想为用户添加一个功能，在3d模型中添加自定义文本。但文字是从模型出来的。它应该适合这样的模型：
只要文字向上移动。`import { Suspense } from 'react'
import { OrbitControls, useGLT
浏览 10提问于2022-11-14得票数 0
2回答
动态画布宽度和高度
、、、
据我对画布的了解，
<div style="backgroundvar ctx = c.getContext("2d");ctx.fillText("Hello World" ,10, 50);
有没有测量文本大小</
浏览 5提问于2015-07-04得票数 4
回答已采纳
1回答
我试图在Chrome上并排显示两个画布(左边是gameScreen，右边是scoreScreen )。我希望这些画布保持并排，无论屏幕大小/宽宽比如何。下面是我的HTML和CSS：<body> <canvasborder: 1px soli
浏览 0提问于2021-06-18得票数 1
回答已采纳
我试着用CSS来设置画布的宽度和高度，但是没有得到实际的值--即使在CSS中改变高度之后，它也给了我150和300的高度。
<html> <title>Canvas Drawing</title> <meta name="viewport" cont
浏览 1提问于2018-08-12得票数 0
回答已采纳
调整图像画布大小后的JQuery仅调整图像大小，而不是画布 var image = document.getElementByIdimage,cropLeft, cropTop, cropWidth, cropHeight,10,10,width,height);
};如何使用简单
浏览 2提问于2017-05-31得票数 0
1回答
在画布上使用图像进行绘制
、、、、
单击屏幕截图按钮时，它会在画布上绘制当前视频帧。然后我想在画布上画画。
我的问题是我不能使光标与图形坐标对齐。我怀疑这是因为我设置画布的高度和宽度的方式，以便能够正确地绘制视频帧。
浏览 1提问于2019-03-19得票数 0
为了进行良好的用户交互，我需要将一个大画布显示为一个较小的画布，但是稍后我需要上传一个大画布。我正在使用Fabric.js，并且正在尝试Canvas技巧，您可以用HTML设置画布的宽度/高度，然后通过css将其设置为更小的，如这里所记录的：
<canvas id="c"></canv
浏览 13提问于2015-09-28得票数 2
回答已采纳
1回答
动态更改画布大小
、、
我想在画布上画一些东西，并将其调整为内容，而周围的div则负责滚动画布内容。 var canvas = document.getElementById("canvas");<body onload="init();"> <canvas id=&qu
浏览 0提问于2019-06-03得票数 1
回答已采纳
1回答
我正在开发一个使用HTML5画布在其上包含文本的图像编辑器。我使用的画布的宽度和高度为500像素，因为在网页上放置它的空间较小。但是，我需要将画布数据保存为一个更大范围的图像，比如1000×1000像素。我怎样才能做到这一点？我在网上搜索类似的问题，但没有找到答案。
浏览 1提问于2015-08-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
