2回答
我有一个HTML5画布，其中包含几个div，其中包含一张图片。我需要将此画布设置为img，并将其传输到另一个div中的img元素(画布外部)，并调整其大小( img元素比画布小)。
这再次意味着，我基本上希望“描绘”我的画布及其所有内容，并将其放入一个比画布更小的img元素中。
*假设图片与画布具有相同的宽/高比。
浏览 2提问于2013-01-06得票数 2
1回答
我正在使用HTML5 canvas和JS创建一个绘图应用程序。我允许用户上传图片，并使用context.drawImage();在画布上绘制它。但是当我尝试编辑图片时，我失败了。如果我想使用鼠标(键盘或任何东西)来拖动和缩放画布上的图片，我应该怎么做？
浏览 1提问于2012-10-31得票数 1
回答已采纳
10回答
SVG和HTML5画布有什么区别？他们似乎都对我做了同样的事情。基本上，它们都是使用坐标点绘制矢量图片。
我遗漏了什么？SVG和HTML5画布的主要区别是什么？为什么我应该选择一个而不是另一个？
浏览 0提问于2011-02-15得票数 95
回答已采纳
我在HTML5的画布里有4张图片。当我将图像放到画布中的某个位置时，我希望在画布中显示图像的名称。
有可能吗？如果是，请告诉我怎么做？
源代码可以在上找到。KineticJS用于处理画布。
浏览 0提问于2012-07-20得票数 0
我想用javascript比较两张图片。一个是在html5画布上绘制的，另一个可能是在另一个html5画布上绘制的，或者它可能是一个gif或png图像文件。我需要自动测试的比较。感谢您的帮助！
浏览 3提问于2011-12-01得票数 5
回答已采纳
我的画布上有一张图片。画布在图像顶部使用文本进行注释。我使用canvas.fillText()编写文本。如何将此文本保存到google chrome缓存。我可以使用HTML5或js。
浏览 3提问于2011-10-29得票数 0
2回答
我想在html5画布中将图像转换为倾斜/透视/旋转。下面的图片正是我想要做的。
我有这段代码在画布中使用转换，但我不能用它做正面或反面。有人能帮帮我吗？
此外，我只希望这是在HTML5画布，而不是css。
var cs = Math.cos(angle1), sn = Math.sin(angle1);
var h = Math.cos(angle2);
var a = 100*cs, b = -100*sn, c = 200;
var d = h*100*sn, e = h*100*cs, f = 200;
ctx.setTransform(a, d, b, e, c, f);
浏览 1提问于2013-01-13得票数 9
我正在尝试操作html5画布上的像素。使用getImageData方法，我只得到了一个包含画布的RGBA值的Uint8Array。有没有可能得到更精确的数组？我想操作图片的所有16位颜色值。
浏览 0提问于2013-01-10得票数 1
回答已采纳
9回答
我看到了很多关于如何让html5画布元素接收鼠标点击的问题，我使用画布作为覆盖，鼠标点击没有通过下面的元素。我正在将图像加载到画布中，我认为这可能是问题所在，但我也尝试了使用空画布，并获得了相同的结果。
下面是一个例子:带有图片：的链接指向谷歌，但没有注册。
据我所知，默认情况下画布对鼠标是透明的？
浏览 0提问于2010-09-01得票数 21
回答已采纳
2回答
我有一个带有图像的html5画布。人们可以使用javascript编辑/调整图像。做完所有这些之后，他们必须有一个在他们的Facebook主页上发布该图片的选项。据我所知，我们可以满足这样的要求
Save Canvas data as image in to my server --> Post to Facebook with its image URL --> Delete the image on call back.
首先，这个假设是正确的，其次是
如何使用javascript单击按钮将HTML5画布保存为png图像？有可能吗？
浏览 0提问于2012-11-01得票数 5
回答已采纳
1回答
我正在开发一个WebApp，它需要一个函数来允许用户
从图片库中选择图像
在上面涂上口罩
保存到具有透明背景的png图像中。
有什么办法吗？Jquery？HTML5画布？
我尝试将HTML5画布与来自的context.drawimage()一起使用，它在屏幕上显示得很好，但是当我调用canvas.toDataURL()时，它出现了一个空白图像。有人能帮忙吗？欢迎任何建议。提前谢谢。
浏览 1提问于2012-04-19得票数 0
回答已采纳
1回答
(参考图片)图片的第一部分显示了带有凸起边框的div (使用-webkit- box-shadow，box-shadow属性)。我想给使用HTML5画布元素绘制的矩形相同的效果。有没有办法相信这一点？？
浏览 3提问于2013-01-08得票数 0
回答已采纳
我有一个随机图片盒(高清图片)，现在我需要复制到画布，而不失去宽度，高度，质量。当我尝试跟随时，在画布中我没有得到img标签的全部图片。
为什么画布不自动调整到原来的图像源分辨率？请看下面的图片没有在画布上显示。
<!DOCTYPE html>
<html>
<body>
<p>1. Random Images:</p>
<img id="scream" src="http://3.bp.blogspot.com/-ToLa13yet6E/Ugd2yrThMDI/AAAAAAAAAHY/3tA
浏览 5提问于2014-02-05得票数 0
回答已采纳
2回答
有一个图片库网站，用户可以通过javascript和HTML5画布操作图像。是否可以将处理后的图像发送回服务器，以便使用PHP进行存储？
浏览 3提问于2012-08-25得票数 3
回答已采纳
我正在Rails中创建一个应用程序，用户可以使用JavaScript在html5画布上绘制。使用JavaScript，我可以将画布转换为图像，这样用户就可以很容易地右键单击画布并保存图像：
var img = new Image;
img.onload = function(){
ctx.drawImage(img,0,0);
};
img.src = window.mapImgUrl;
然而，问题是画布存在于一个窗体上。我想以某种方式将图像结果添加到数据库中，这样我就可以在应用程序的其他视图上显示以前的图纸。我设置了CarrierWave和亚马逊网络服务来上
浏览 10提问于2016-08-09得票数 0
回答已采纳
3回答
我正在动态地向HTML5画布元素添加多个图像。我想超链接那些图片。我尝试过不同的方法，但这对我没有用。有人知道怎么做吗？
浏览 3提问于2013-08-02得票数 4
回答已采纳
1回答
我想要创建一个允许用户随意涂鸦的HTML5画布。
类似于这张图片：
在那之后，我要涂鸦区域的坐标(即X，Y和X2，Y2)。
我该怎么做呢？
浏览 0提问于2014-03-20得票数 4
回答已采纳
1回答
我想使用HTML5画布创建一个图片库，当我悬停图像时，它必须增长并改变不透明度。除了图像可选和可拖动？我该怎么做呢？有什么想法吗？
浏览 1提问于2012-02-03得票数 0
1回答
我正在使用html5中的画布制作透明图像，我想添加边框。
问题是，属性"Stroke“将不考虑图像的透明度，并将其应用，就好像它是一个rect。
示例：
当然，这张图片包含了透明度。
我可以通过想象得到我想要的结果：
我只使用png图像。我想使用HTML中的画布来执行这个操作。我使用vue-konva，但是如果您有解决方案提供给我，我也可以在本地画布上。
浏览 0提问于2019-08-02得票数 0
1回答
实时替换图像上的颜色
、、、、
首先，我会解释一下我的情况，这样你就可以更好地了解我的问题。我在做一个HTML5应用。我有一个画布，使用颜色选择器可以更改画布的颜色。现在，我有一张想放在画布上的图片，但需要使用颜色选择器更改该图片的颜色。所以我需要替换，比如说，图片上的黑色，并把它放在画布上，这样它就不会弄乱背景。
所以它看起来像这样：
第1个颜色选择器-更改画布的颜色
第二个颜色选择器-将图像上的黑色替换为颜色选择器中的颜色，并将其放在画布上
现在我的问题是如何在不重新加载页面的情况下替换图像上的颜色。
我唯一的条件是不使用silverlight、flash、java或任何其他类似的技术，这些技术需要在设备上安装第三方软件
浏览 4提问于2010-11-29得票数 2
回答已采纳
我需要以下几点：
我在android上有一个html5应用程序
当用户单击“selects”按钮时，android显示默认的图片库应用程序(或用户的任何其他应用程序)，用户选择其中一张照片
android返回到我的html5页面，传递userImage，html5页面将图像放到画布中(而不是通过web表单将照片上传到服务器)：
var ctx = document.getElementById("myCanvas").getContext("2d")；ctx.drawImage(userImage，0，0)；
如何使用HTML5 getUse
浏览 5提问于2015-03-30得票数 1
回答已采纳
1回答
我在html5的画布上画了大约10张图片。然后，我只想移动第一张图像，另一张应该留在原处。代码如下：
ctx.clearRect(0, 0, 500, 375);
ctx.translate(20, 0);
我知道我用这个代码移动了整个画布...但是如何只移动一个图像而不是整个画布...我想用两个画布...但在我看来这是个糟糕的解决方案！
我来宾将使用保存和恢复，但当我尝试时，它会重复图像...不太好！我有点不知所措，我读了很多教程，读了很多：，但不是很有用。帮助
浏览 3提问于2011-10-11得票数 0
回答已采纳
我想在HTML5提供的画布元素中使用图像作为背景。
问题是，我不想让绘图修改这张图片，我只想让它作为用户的参考或指南。
例如:如果我在画布上画了一张背景图，然后我添加了一些线条和随机的图画，一旦我使用擦除工具，它将擦除我制作的线条和背景图像。
我如何防止这种情况发生？
谢谢。
浏览 1提问于2010-09-24得票数 1
回答已采纳
4回答
我发现的图片描绘了我的问题所在：
用户可以在画布上选择四点裁剪图像的部分，而不是拉伸图像。
如何在HTML5中做到这一点？drawImage函数(如我所知)只适用于矩形(取x、y、宽度和高度值)，因此不能使用不规则形状。这个解决方案必须在每一个现代浏览器中都有效，所以我不想要基于webgl之类的东西。
编辑：更多信息:这将是用于编辑图片的应用程序。我想让用户削减一些更大的图片和编辑的一部分。它将类似于油漆，因此画布需要编辑像素。
浏览 4提问于2014-09-07得票数 5
回答已采纳
2回答
我有一个页面，用户必须创建一个自定义个人资料图片使用HTML5画布和JavaScript。画布的base64图像数据以表单的形式存储在隐藏的输入字段元素中，用户可以在其中输入其剩余的用户信息。我只想让网站上的人用我的JavaScript /画布设计器制作他们的个人资料图片，但用户可以进入Chrome控制台，或使用地址栏，或用户脚本来设置隐藏输入字段的内容为他们选择的base-64图像数据(不是用我的画布制作)。
我怎样才能阻止人们这样做？我在想也许有一种方法可以使用AJAX将数据发送到设置$_SESSION数据的PHP文件，但我想不出一种方法来防止用户注入javascript来更改参数。
浏览 0提问于2013-08-25得票数 0
HTML5画布很棒，但是我不喜欢暴露图片的URL。
image.src = "image.png";
我不希望访问者看到该URL (当访问者显示站点源代码时可以找到)让他下载它。
我该怎么办？
浏览 1提问于2013-05-23得票数 0
回答已采纳
1回答
我们有一个在PhoneGap中使用canvas的iOS应用程序。我们可以把图片做成PNG格式，但我们要做的是把画布图片从PhoneGap里拿出来，几乎所有的社交分享(Instagram，Facebook等等)更喜欢JPG。
这似乎是一项艰巨的任务。这是可行的吗？我花了一些时间搜索，看到这里和那里提出的问题，但没有具体的解决方案。
也许，一个更具体的问题是:在PhoneGap中，如何将HTML5画布对象上传到社交照片共享服务(它提供了这样做的API )？
浏览 4提问于2012-02-28得票数 0
我正在制作一个动画留声机，它播放音乐并在单击时自动动画，然后在再次单击时停止。做这件事的最好方法是什么？
我的第一个想法是让它成为一个GIF，但这会使暂停和启动onclick事件变得困难(我确实找到了一个脚本，它使用html5从GIF中绘制一个静止的帧来代替它)。
我可以把它做成MP4 (h264)，然后用html5视频...然后暂停和开始都是内置的，但这会使文件更大，我不知道，我会在移动遇到任何问题吗？我知道很多背景视频在移动设备上是不受支持的，它们会退回到静态图片上……这一点我说错了吗？
我可以使用Adobe Animate将其导出为javascript动画，并在HTML5画布上使用。这会
浏览 2提问于2017-05-11得票数 0
2回答
我正试图将一张图片加载到HTML5画布中。当我使用URL加载映像时，一切正常，但是如果我将图像放在本地驱动器并指向它，则不会发生任何事情。
注意:当我使用常规标签时，一切正常，图像被加载。
以下是代码：
var画布= document.getElementById("rightSide")；var context = canvas.getContext("2d")；var imageObj = new Image()；imageObj.src = "cloud.gif"；context.drawImage(imageObj，650、55、93、
浏览 7提问于2012-05-21得票数 1
回答已采纳
1回答
我有不同大小的图片，我试图用它们作为背景在画布上。
index.html
<!DOCTYPE html>
<html>
<head>
<title>js</title>
</head>
<body onLoad='init2()'>
<canvas id="canvas" width="1000" height="1000">
This text is displayed if your browser does not
浏览 2提问于2018-02-01得票数 0
回答已采纳
1回答
我有一个应用程序，用户可以在HTML5画布上交互式设计元素。我想通过Facebook分享这张画布图片。
我计划创建一个动态页面并传入数据URI，但Facebook不接受数据URI图像，需要绝对图像路径。
我真的不想走在服务器上存储图像的道路，即使是暂时的，但我担心这是我唯一的选择？有没有其他我应该研究的途径？
浏览 1提问于2014-11-10得票数 6
我在一张图片上有一个HTML5画布，允许用户在图片上画点：
JAVASCRIPT
var sketcher = null;
var brush = null;
$(document).ready(function(e) {
brush = new Image();
brush.src = 'assets/brush2.png';
brush.onload = function(){
sketcher = new Sketcher( "sketch", brush );
}
});
HTML
<canvas id="s
浏览 2提问于2014-02-18得票数 0
1回答
嗨，我正在制作一个小的HTML5画布演示。
我使用O‘’Reilly的HTML5 text中的现代器启动了画布。
这是针对iPad的，所以我的画布是1024x768。
然后，我在DrawScreen函数中加载了一张背景图像。
var backgroundImage = new Image();
backgroundImage.src = "images/background.jpg";
backgroundImage.onload = function(){
context.drawImage(backgroundImage,0,0);
}
然后，我想向其中添加文本。所
浏览 0提问于2011-09-05得票数 3
回答已采纳
1回答
这个虚拟问题很抱歉！:D
我正在尝试用html5画布元素制作一个可点击的地图，我发现了一个很好的例子：
但是当你从Chrome上下载(CTRL+S)时，它就不能工作了。它下载了html页面和文件夹中的JS a图片，我检查了图片的路径，但仍然没有显示地图。有什么问题吗？
浏览 2提问于2013-07-14得票数 2
回答已采纳
1回答
因此，我试图使用HTML5画布创建一个Meme生成器。我知道我可以用以下方法在画布上写字：
ctx.filltext()
然而，我只能在画布上写一次。有谁知道我怎么能在画布上写不止一次，甚至两次，就像多次。与Meme生成器一样，它们在图像的顶部和底部各有一行文本。如果不可能的话，是否有人能让我知道或指出一个教程/答案的方向，可以让我用文字写在图片的顶部，包括改变字体和字体大小，再加上上/下，左/右。
感谢任何能帮忙的人。
浏览 0提问于2016-03-05得票数 1
回答已采纳
我有一个使用电子平台和Javascript的桌面应用程序，在这里，我使用以下方法将HTML5画布转换为JPEG：
<a id="download" download="Path.jpg">Download JPG</a>
然后,
function download(){
dt = 'data:text/plain,foo';
this.href=dt; }
这会刷新我的整个应用程序。
由于用户正在画布上绘图，所以我不想刷新页面，只允许下载图像，然后用户可以继续在画布上绘图。
关于我做错了什么以及如何改变
浏览 4提问于2017-12-15得票数 0
我的应用程序有一个为本地内容提供服务的UIWebView。如果我拿一个视网膜大小的图像，并使用它作为背景的身体，我可以使它适当地缩放使用CSS -webkit-background-size属性。这在iPhone 4上给了我一个清晰清晰的图像。
然而，HTML5画布标记并不是那么合作。当我使用drawImage命令将相同的视网膜大小的图像放入HTML5画布中时，它是巨大的--远远超过了物理屏幕的界限。这是我使用的代码：
ctx.drawImage(retinaImage, 0, 0)
如果我尝试在drawImage上放置高度和宽度参数，图片会缩小到适合屏幕，但它是块和像素。不像CSS背景那样清
浏览 2提问于2010-12-10得票数 5
回答已采纳
1回答
我想给我的用户一种简单的方法，在地图或图片上直观地追踪一条路线。解决方案必须让用户添加控制点，他们可以使用这些控制点来弯曲路由。
它应该与html5画布一起工作--我目前使用的是Konvajs库，所以使用这个库的解决方案是很好的。
为了共享和学习，如果您可以建议使用其他HTML5画布库的解决方案，那也很好。
注:这不是最初提出的问题。然而，随着时间的推移，这是实际需要。OP要求在HTML5画布中沿直线/曲线找到任意点部分，以便在该点添加一个可拖动的控制点来编辑该线/曲线。接受的答案不能满足这一需要。然而，这个原始问题的答案将涉及严重的碰撞-检测数学和可能使用bezier控制点-换句话说，这将是
浏览 0提问于2018-10-29得票数 1
回答已采纳
有没有办法将HTML5画布转换成某种图像格式，使得它可以通过js上载到facebook用户的应用程序相册，
我目前正在使用以下功能成功地将图片链接上传到相册：
FB.api('/me/photos', 'post', { message:'the message', url:imgURL});
浏览 0提问于2012-07-31得票数 0
回答已采纳
1回答
我正在创建的
我正在创建一个JavaScript图像操作应用程序(使用 & HTML5画布)来构建/重新呈现画布，并将对象放置/拖动到画布上。放置对象后，它可以导出数据url，并对图像进行操作。
--我想添加的特性
我正试图实现一个反向径向倾斜偏移效应，这样图片中的某些点可能会“模糊掉”。通过Fabric.js或普通的HTML5画布实现这一目标的最快方法是什么？
这是我想要实现的的一个例子
我试过什么
添加一个圆圈形状，并试图添加一个模糊/卷积效果，然后降低不透明度=> -这在我的情况下是行不通的，我只能更改不透明度属性。
添加图像(从URL)并尝试与第一点相同的内
浏览 3提问于2015-12-10得票数 0
回答已采纳
我认为标题是不言而喻的。我需要建立html5画布圆柱体与相机视图在圆柱体的中心。在圆柱体的墙上，我需要构建一些东西，比如图片，旋转和缩放的圆柱体。
如果任何人对从哪里开始使用相机和气缸有一些建议，请帮助。
为了帮助你理解我的描述，我发布了一张图片
浏览 1提问于2013-03-28得票数 0
回答已采纳
我有一个小项目，我正在HTML5画布上工作，我想得到一些想法，如何完成它。我已经使用所有画布线函数构建了一个树的轮廓。lineTo，bezierCurveTo，quadracticCurve等。我已经附上了大纲的图片。现在，我想要做的是有一些代码来填充这个大纲的百分比。有点像从底部开始的进度条。有没有人有办法做到这一点？
谢谢
浏览 0提问于2011-06-11得票数 1
回答已采纳
3回答
我有一幅图片，是一个背景，里面有这样的框状区域：
我知道那个形状的角的确切位置，我想在里面放另一个图像。(看起来就在盒子里)。
我知道用于drawImage画布的HTML5方法，但它似乎只支持x、y、宽度、高度参数，而不是精确的坐标。如何在特定坐标集的画布上绘制图像，并在理想情况下让浏览器自己处理拉伸图像。
浏览 6提问于2016-04-02得票数 4
回答已采纳
2回答
假设我有一个Android html5应用程序，它通过将画布传递给base64，然后将其附加到DOM来使用Javascript生成图片。我想在我的应用程序中添加一些按钮，以便至少在Twitter和Facebook上分享这张图片。
我也已经看到了如何用Java触发"Intent“对话框。有没有办法用Javascript做到这一点？
谢谢。
浏览 1提问于2012-06-22得票数 0
回答已采纳
3回答
我正在创建一个HTML5画布游戏，我遇到了一个问题，有办法改变图像分层顺序吗？类似于普通HTML中的Z-索引？我真的不能把它写成文字，所以我会上传一张现在正在发生的事情的图片。
我想要的是灰色部分来覆盖画布中的所有其他图像。范围已经有透明度，所以它应该呈现它背后的任何东西，但我不想渲染灰色的部分。有办法吗？
提前感谢
浏览 6提问于2013-12-25得票数 1
回答已采纳
我想用一个javascript来扩展CMS with，它可以在上传图片之前调整图片的大小，以防止web服务器内存不足。我可以使用html5画布调整图像的大小。使用.toDataURL(.toDataURL/jpeg)方法，我可以生成一个图像(我可以在ing标记的src属性中使用它)。有人知道如何将其添加到上传表单中，以便CMS可以继续它的AJAX上传过程吗？
浏览 0提问于2014-01-02得票数 1
1回答
我是HTML5画布的新手。我有一个杯子的形象，我是在画布上呈现的。
这是杯子的图像：
现在，我正在尝试渲染另一个图像(我的照片是在正常的矩形大小)上传您的设计区域的这张图片。我怎样才能在杯子上呈现这张看起来像那个图像的图像呢？
我想得到这样的最后图像：
我是使用画布元素上传图像。
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="400" height="400" style="border:5px
浏览 3提问于2013-11-28得票数 3
1回答
加速我的画布应用程序的提示
、、、、
这是关于网络开发，画布，HTML5。
我正在用HTML5画布和JQuery开发一个油漆应用程序。你可以画几层，你得到了一个动态放大和放大镜效果。
体系结构是多个画布：
背景：
帆布-bg
图层：
layer0
layer1
layer2
..。
layerN
工具：
幽灵(当用户想要画一条线时显示一条“鬼”线。)释放鼠标确认绘图)
放大层
我的问题是放大。为了获得效果，我要重画放大层上的所有图层。当然，当你画一个2000*2000的图片，它是非常缓慢的。更常见的是，你可以把放大镜移到任何地方去放大，重绘就是在MouseMoveEven
浏览 2提问于2013-05-24得票数 0
回答已采纳
1回答
我想用html5画布制作一个绘图工具，它只能画水平线和垂直线。
例如，不管我用哪种方式拖动鼠标，它都必须画出垂直或水平的线。
下面我将展示一张图片，我将展示我需要的.
有人能给我一些代码示例吗？
浏览 2提问于2014-03-26得票数 7
回答已采纳
1回答
我正在使用websockify在HTML5画布上显示来自python服务器的图像。
我想我已经成功地从我的python服务器发送了图像，但是我不能将这些图像显示到我的画布上。
我认为问题与我试图在画布上显示的字节数有关，我相信我不会等到收到整个图像后才将图像显示到画布上。
到目前为止，我有：
on message功能。当我发送一张图片时，我在控制台中得到12 MESSAGERECEIVED
ws.on('message', function () {
//console.log("MESSAGERECEIVED!")
msg(
浏览 1提问于2012-02-15得票数 14
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
