4回答
我已经创建了2个对象。一个创建一个画布对象，并将其附加到html的主体，另一个应该绘制一个矩形，这不是。我做错了什么？
window.onload = function(){
var oCanvas = {
canvas : document.createElement("canvas"),
ctx : document.createElement("canvas").getContext("2d"),
create : function(){
oCanvas
浏览 3提问于2013-11-16得票数 0
我在使用oCanvas时遇到了麻烦--它不支持oCanvas开箱即用，所以在RequireJS中，我定义了一个shim：
require(
function () {
requirejs.config({
shim: {
'lib/ocanvas': {
exports: ['oCanvas']
}
}
});
}
);
我加载与shim相关的配置的方式(我认为将它
浏览 3提问于2013-11-07得票数 0
回答已采纳
1回答
我目前正在用html5设计一个幻灯片注释产品，它支持所有支持html5 canvas的平板电脑和浏览器。我让它将我在画布上的注释保存到电脑上，而不是保存到平板电脑上。
在所有方面，理想的情况是将画布注释数据作为数据保存在mysql数据库中，但我不能使用Ajax。
因此，我坚持将带注释的图像保存到他们本地计算机上的图像中。
下面是我的代码(我使用canvas2image)
window.onload =函数(){
var bMouseIsDown = false;
var oCanvas = document.getElementById("drop1");
浏览 0提问于2011-11-04得票数 0
1回答
我使用以下代码在web应用程序中加载图像：
Bitmap oCanvas = (Bitmap)Bitmap.FromFile(Server.MapPath("Images\\2.jpg"));
Graphics g = Graphics.FromImage(oCanvas);
Response.ContentType = "image/jpeg";
oCanvas.Save(Response.OutputStream, ImageFormat.Jpeg);
Response.End();
g.Dispose();
浏览 3提问于2012-12-17得票数 1
回答已采纳
抱歉，如果这是个愚蠢的问题，
我有一个javascript函数，如下所示：
Test.prototype.createElement = function()
{
this.oCanvas = document.body;
var oDiv = document.createElement('div');
oDiv.style.position = "absolute";
this.oCanvas.appendChild(oDiv);
return oDiv;
}
在将此函数转换为jQuery时，我执行了以下操作：
Test.prototy
浏览 0提问于2009-09-24得票数 0
回答已采纳
我正在尝试使用Html5画布中的toDataURL在新窗口中将图像导出为PNG文件。
这是我的JS代码(我想你们需要全部看一看，看看有没有什么问题)
var oCtx;
var oCanvas;
var img;
var oImg;
function updateClicked() {
oCanvas.width = oCanvas.width;
oCtx.drawImage(img,0,0);
oCtx.font = "normal 23px arial"; // different font
oCtx.textBaseline =
浏览 1提问于2012-11-05得票数 2
回答已采纳
1回答
问题在于不同浏览器之间的不一致性。
运行与飞镖铬，js铬，js歌剧
双击时，进入和退出全屏工作
m_oCanvas.width =(window.cre.Width*0.75).toInt()导致画布以中心和宽度的75%为中心
当使用'esc‘退出全屏时，HandleFSEvent会被调用，document.fullscreenElement是正确的(null或画布)。esc检测"m_bFullScreen && document.fullscreenElement==null“起作用。
在firefox中以js的形式运行，在ie中作为js运
浏览 3提问于2014-12-23得票数 1
回答已采纳
我有一个用户控件，它包含以下元素：
<UserControl
...>
<ScrollViewer Name="LayoutScroll" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
<Grid Name="MainGrid">
<Canvas x:Name="LayerObjects" Panel.ZIndex="2"
浏览 1提问于2015-09-08得票数 1
1回答
最近，我一直在编写一个Greasemonkey脚本，它可以将图像添加到某个页面，确切地说，是，它具有允许在添加的图像上绘制的功能。
我没有使用JavaScript的经验，所以在经历了一个痛苦而漫长的过程之后，我设法创建了一个独立的脚本块来完成这项工作，并且在.htm文件中脱机使用它时，它工作得很好。
但是，当我将脚本上传到userscripts.org并安装在Greasemonkey中时，它停止工作。我将感谢任何想法或解决方案，将帮助我完成脚本，以便我可以分享它。下面是单个.htm文件中有问题的脚本：
<script type="text/javascript">
浏览 3提问于2011-02-02得票数 2
回答已采纳
假设我在一个.jade文件中有这个文件
doctype 5
html
head
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
script(src='/javascripts/ocanvas-2.2.2.min.js', type='text/javascript')
script(src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js")
浏览 0提问于2012-12-27得票数 0
回答已采纳
1回答
我试图在Android中找到两个(或更多)路径或区域的交叉点。
当规定>=应用编程接口级别19时，这很容易实现
// onDraw(Canvas oCanvas)....
Paint oPaint = new Paint();
oPaint.setStyle(Style.STROKE);
oPaint.setColor(Color.BLACK);
Path oPath1 = new Path();
oPath1.addCircle(200, 400, 100, Direction.CW); // (X,Y,Radius,Direction)
oCanvas.drawPath(o
浏览 2提问于2014-03-15得票数 2
我正在开发一个web应用程序的功能，它可以让用户用任何附在设备上的相机拍照。这主要是用于安卓v4.0+手机与谷歌Chrome v28+。
在桌面和手机，我可以设置一个视频标签，以正确地显示视频从设备的相机使用getUserMedia和createObjectURL。我的问题是，当我试图从视频元素中绘制快照时，没有任何东西被复制到画布上：
var oVideo = jQuery('#myVideo');
var oCanvas = jQuery('#myCanvas');
var oContexto = oCanvas[0].getContext("2d&
浏览 3提问于2013-07-30得票数 0
回答已采纳
1回答
如何将图像保存到画布上？
、、、、
我正在画布上画一幅画。然后我想保存图像。我尝试过canvas.toDataURL("image/png")，但我意识到出于安全原因我不能使用toDataURL()。但是，我必须保存图像。如何保存图片？
这是我的示例源代码。
window.onload = function(){
var oCanvas = document.getElementById("work_pallet");
var oContext = oCanvas.getContext("2d");
var imageObj = new Image();
浏览 6提问于2013-02-28得票数 0
3回答
我正在做一些使用HTML5画布的东西。一切都很好，除了现在，我可以使用Canvas2image将画布内容导出为PNG。但我想将其导出为PDF。我做了一些研究，我很确定是possible...but，我似乎不能理解我的代码中需要做些什么才能使它工作。我读到过一个叫pdf.js...but的插件，我不知道如何在我的代码中实现它。
第一部分：
function showDownloadText() {
document.getElementById("buttoncontainer").style.display = "none";
d
浏览 2提问于2012-11-03得票数 7
1回答
我对ocanvas还是有点模糊，我是新来的。我知道这不是最好的选择，也不是最有记录的，但我有一份潜在的工作，这取决于我学习它。
我想知道ocanvas.create()；应该放在哪里。现在，我有一个名为Main()的函数；在html头和html主体中，每次body循环时都运行它。看来，ocanvas.create()；只有当我将它放在Main()；函数中时才能工作，但这是否在每次身体循环时创建一个画布呢？
浏览 3提问于2015-05-15得票数 0
回答已采纳
2回答
获取矩形的坐标
、、
我想添加4个文本框，这将给我一个矩形的坐标，如果我手动编辑坐标，它应该改变/alter矩形以及。请告诉我如何解决这个问题。
在我的示例中，如果您单击ROI，它将绘制一个矩形，我需要相同的上、下X和Y坐标。
工作小提琴是
// references to canvas and context
var oImageBuffer = document.createElement('img');
var oCanvas = document.getElementById("SetupImageCanvas");
var o2DContext = oCanvas.
浏览 2提问于2014-01-21得票数 2
回答已采纳
1回答
在画布上添加不同的平行线
、、、
我试图添加不同的层(即两条平行线到画布)。我用一条一种颜色的平行线实现了代码。现在，我需要添加不同的颜色线，而不删除前面的线条。附件是js小提琴。请帮帮忙。在点击图层之后。你可以在画布上画层。
var oImageBuffer = document.createElement('img');
var oCanvas=document.getElementById("SetupImageCanvas");
var o2DContext=oCanvas.getContext("2d");
var oRect = {};
var
浏览 1提问于2014-01-03得票数 1
回答已采纳
1回答
我使用如下代码来裁剪图像：
Dim oImg As System.Drawing.Image = System.Drawing.Image.FromFile(sSrc)
'prep new image
Dim oCanvas As System.Drawing.Bitmap
Select Case oImg.PixelFormat
Case 198659, 197634, 196865, 65536 'indexed formats (as found in gifs) cant be used to make a graphic object
oCa
浏览 2提问于2016-01-27得票数 1
回答已采纳
1回答
我写了一个程序来画一些图。我想清除屏幕，并重复使用相同的画布来绘制不同的情节。我该怎么做呢？ocanvas是我的外层画布，我在它上面附加了一个滚动条。innerCanvas是我在上面作画的画布。当我第一次按"Go“时，我调用了函数drawGraph。我想在下一次按下"Go“然后调用drawGraph2时清除innerCanvas。有办法做到这一点吗？下面是我的代码： (我是Python的初学者，因此我不了解所有的概念/函数。) from tkinter import *
from matplotlib.backends.backend_tkagg import FigureC
浏览 14提问于2019-12-24得票数 0
回答已采纳
1回答
鼠标悬停时的灰度
、、、
我正在尝试使用HTML5画布在Javascript中将图像转换为灰度。我到底做错了什么！？我知道它真的很接近！
function convertToGreyscale(str)
{
// Get the Canvas
var oCanvas = document.getElementById(str);
// Get the Canvas Context
var oContext = oCanvas.getContext('2d');
// Get the height & width of the canvas
var
浏览 0提问于2013-01-22得票数 0
回答已采纳
3回答
我正试图在一个单独的js文件中编写我的对象，以使我的主HTML文件更易于组织。当我使用jquery或oCanvas (画布库)语法时，它似乎没有识别它，并且无法执行。我希望能够为我的主板制作对象模板(使用oCanvas中的克隆()函数)。
主HTML
<script language="javascript" type="text/javascript">
var canvas = oCanvas.create({
canvas: "#myCanvas",
background: "#C
浏览 4提问于2014-11-26得票数 0
回答已采纳
我忙着处理一个小应用程序，在这个应用程序中，当光标在画布上盘旋时，我想在光标的位置显示信息。问题中的画布是一个自定义的画布(继承自画布)，它提供了添加DrawingVisuals的功能(基本上每个教程都显示了在画布上显示大量几何形状的功能)。
我想显示一条垂直线和水平线，以及直接从画布坐标(v)导出的本地坐标(在下面的代码中是p)。目前，我正在将这些对象呈现在(0,0)的位置，并在OnMouseMove事件期间使用偏移量来更新它们的位置。
水平线和垂直线在DrawingVisual _cursor中呈现，在局部y，z坐标中的位置在_info中呈现。
private void oCanvas_M
浏览 2提问于2012-02-27得票数 1
回答已采纳
1回答
无法真正调整画布图像的大小
、、、、
在学习HTML画布时，我发现
基本上，使用HTML画布动态地将图像从颜色更改为灰度，反之亦然。此示例按类名选择img元素('grayscale')，以便能够一次将此过程应用于多个图像。
HTML
<img class="grayscale" src="myPicture.png" alt="Description of my picture" />
JavaScript
window.addEventListener('load', removeColors);
function showColor
浏览 1提问于2017-08-10得票数 0
回答已采纳
1回答
var oCanvas = document.getElementById("canvas");
var oImgBMP = Canvas2Image.saveAsEPS(oCanvas, true);
我尝试了上述功能，以转换为EPS，但这不工作，有任何简单的方法保存到EPS的画布。或任何其他方法意味着pdf到EPS ...Thanks寻求任何帮助。
浏览 1提问于2013-02-13得票数 0
我在页面上有一个画布元素。我调用了canvas.toDataURL()，现在有了它的图像数据的句柄。
我是否需要将此数据发布到服务器，让服务器使用该数据构造文件流，然后将文档的位置设置为返回的文件流？当我把所有的数据都放在客户端时，看起来开销很大……
浏览 10提问于2012-02-23得票数 4
回答已采纳
1回答
如何将拖放结果存储为图像
、、、
我想要截图的结果，拖和下降，但我不知道如何做。
实际上，我找到了两个javascript，并使用了HTML5，例如html2canvas和canvas2image。
我现在正在将它们结合在一起，但是它仍然遇到了canvas2image的一些问题。
如果你有同样的经验，请帮我解决这个问题，非常感谢。
请帮帮我，我在这里已经有好几天了。
拖放代码。
<script>
$(function() {
$( "#draggable" ).draggable();
$( "#draggable2" ).draggable();
$( &#
浏览 2提问于2012-10-25得票数 4
回答已采纳
2回答
我目前正在创建一个软件，将像油漆，但我被困在一个框跟随鼠标在画布上。这个盒子的目的是让它显示鼠标的位置，显示选择了什么颜色，并显示刷子的大小。我在网上发现了一段代码：
<html>
<head>
<script>
function m(e){
var bx = document.getElementById("box");
bx.style.left = e.pageX;
bx.style.top = e.pageY;
}
</script>
</head&g
浏览 0提问于2019-03-09得票数 0
回答已采纳
我有4个输入。输入框2和4是可选的。如果输入框2是空的，我需要输入3的X坐标在画布上移动。之所以会发生这种变化，是因为所有4个输入都会在画布上绘制，画布上有一个背景图像，每个输入行的文本都有精确的位置。
由于X坐标，我不确定如何使用jquery。
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/Canvas2Image.js" type="text/javascript"></s
浏览 0提问于2019-04-23得票数 0
回答已采纳
2回答
我正在寻找一个通过输入URL上传之前呈现图像的解决方案。
我的代码
<input name="thumbnail" placeholder="Post image URL here" />
我一直在尝试的方法。将onchange="readURL(this);"添加到上述代码中没有任何作用。它们似乎只适用于本地文件。
浏览 3提问于2013-12-29得票数 4
回答已采纳
我试图在代码中添加一些内容，以便在绘图后选择图像(选择处理程序应该出现在边角和边缘中间)，然后拖动或增加/减小高度和宽度？
我的示例代码在小提琴中，在这里，我使用鼠标事件处理程序绘制一个矩形。我希望选择该矩形并使用选择处理程序修改/更改它，而不是再次绘制它。
单击ROI按钮，度量，然后您可以使用鼠标事件绘制它。
var oImageBuffer = document.createElement('img');
var oCanvas=document.getElementById("SetupImageCanvas");
var o2DContext
浏览 0提问于2014-04-01得票数 2
回答已采纳
1回答
我正处于我的定制杯eCommerce网站的发展阶段。我正在致力于个性化功能，以便我的客户可以设计自己的杯子。一切都快结束了。我可以预览、打印和导出画布图像，如下图所示：单击导出按钮时，图像可以生成并下载到用户计算机。但是，我想要生成画布图像并上传到我的网站服务器。下面是到目前为止，我在index.html文件和app.js文件中为导出按钮编写的代码
app.js:
// export as DESIGN
$('.export').click(function(){
//hide options
$('#printable').find(
浏览 4提问于2016-05-27得票数 1
1回答
我有两个ImageViews，一个用于Canvas，另一个用于ImageBackground。
ImageViews的尺寸和屏幕一样大。
当我触摸屏幕时，我需要重新绘制画布，如下例所示：
private void reDraw() {
Display display = getWindowManager().getDefaultDisplay();
bmOverlay = Bitmap.createBitmap(display.getWidth(), display.getHeight(), oBitmap.getConfig());
oCanvas = new
浏览 4提问于2011-08-20得票数 2
回答已采纳
我用Javascript编写了如下代码，它在我的笔记本电脑上运行得很好。然而，当我在Android Opera浏览器上运行它时，它崩溃了。
window.onload = function() {
...
var toDataURL=function(){
var imageData=[];
for(var s=0;s<this.height;s++){
imageData=imageData.concat(oCanvas.getContext("2d").getImageData(0,s,this.width,1).data)
浏览 2提问于2012-03-13得票数 1
1回答
无法正确使用边界客户端
、、、
嗨，我想在画布上画一个矩形。所以要看它，在图像上看到了矩形。
我制作了一个文本框，它用数值绘制矩形，用1,2,3..里面有隔断。如果我擦除这个值，矩形应该会从图像中消失，但是这样做，即使是图像也是一样的。
如何保持画布上的图像。我试着用同样的getBoundingClientRect，但不知道如何在这方面使用相同的。
function getStatus() {
var layersCheckbox = document.getElementById("btnLAYER");
var patches = document.getElementB
浏览 0提问于2014-01-10得票数 0
回答已采纳
1回答
我正在使用drawImage函数在画布上绘制一个图像。以下是Im设置映像的src属性的方式：
var img = new ()；//创建新图像对象
img.src = 'test.php?filename=myfile.jpg‘
然后
oCanvas.width = 600；oCanvas.height = 400；oContext.drawImage(img，0，0,600,400)；
问题是，如果没有设置src，那么我就会得到foll错误：“uncaught：[Exception.”组件返回的失败代码: 0x80040111 (NS_ERROR_NOT_AVAILABLE)
浏览 2提问于2010-05-27得票数 1
回答已采纳
我一直在用oCanvas.js设计一个应用程序。这是一个非常好的画布库，它使得创建一个可以创建和操作图像的应用程序变得更加容易，但当我试图实现图像过滤器时，我遇到了一个障碍：
我需要透明的背景，这样我才能有多个层，每个层都由它自己的显示对象表示，在隐藏的"staging“画布上分别渲染(一次渲染一个)。渲染后，会立即在可见画布上的前几个层上绘制一个层，以便在渲染期间可以将不同的图像过滤器单独应用于每个层。
我遇到的问题是，当尝试从oCanvas对象的canvasElement中提取图像时，生成的图像永远不会有透明的背景。例如:假设我有一个经过oCanvas.create()处理的50x
浏览 0提问于2012-10-11得票数 1
回答已采纳
我正在取消canvas2Image.js插件：
/*
* Canvas2Image v0.1
* Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk
* MIT License [http://www.opensource.org/licenses/mit-license.php]
*/
var Canvas2Image = (function() {
// check if we have canvas support
var bHasCanvas = false;
var oCanvas =
浏览 1提问于2012-10-10得票数 9
回答已采纳
1回答
我试图在画布上画文字，但画出来的文字有锯齿状，特别是在铬31.0.1650中。我试过-webkit-font-smoothing:antialiased,text-shadow，但都失败了。
如何解决这个问题？提前谢谢。
下面是样式代码：
<style>
#my_canvas{
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
text-indent: -9999px;
}
浏览 5提问于2014-03-10得票数 1
回答已采纳
到目前为止，下面的代码只是简单地重定向到我的PHP文件，并且确实有我想要的代码，但是它有点大，所以我想知道是否有方法可以减少它，或者甚至可能将它_POST到PHP脚本。
saveAsPNG : function(oCanvas, bReturnImg, iWidth, iHeight) {
if (!bHasDataURL) {
return false;
}
var oScaledCanvas = scaleCanvas(oCanvas, iWidth, iHeight);
var strData
浏览 0提问于2012-07-09得票数 1
1回答
html5画布中的条件
、、、
我想在我的画布上添加条件。#iconTel元素是一个复选框。只有选中复选框时，我才希望使图标出现在画布上。以下是我tried...but不起作用的东西。我在网上搜索了很多，但都没有成功。
function updateClicked() {
oCanvas.width = oCanvas.width;
oCtx.drawImage(img,0,0);
$('#iconTel').click(function(){
if (this.checked) {
oCtx.font = "15px VonnesReg";
浏览 4提问于2015-04-08得票数 0
回答已采纳
1回答
我正在使用oCanvas创建遮罩图像的三角形，每个三角形遮罩一个不同的图像。我面临的问题是，当我遮罩这些三角形时，它们隐藏了它外面的任何东西，所以最后一个三角形遮蔽了下面的三角形。有什么方法可以避免在其他地方显示透明度吗？我想它的作用与globalCompositeOperation中的"xor“相反。
下面是我的代码：
var canvas = oCanvas.create({
canvas: "#canvas",
background: "#0cc"
});
var center = canv
浏览 0提问于2013-04-25得票数 0
1回答
我正在尝试实现下面链接到我的intro-section背景中的代码。我正在尝试在我的<p>背景下获取intro-section文本后面的虚线动画主题。
浏览 6提问于2017-06-21得票数 0
回答已采纳
1回答
我正在尝试在ocanvas中实现动态渲染顺序，但在文档中找不到任何关于如何执行的信息。我想要一些类似于“对象的y位置影响其渲染顺序”的东西，它是用于等距游戏引擎的。任何帮助都将不胜感激。
谢谢
浏览 3提问于2015-05-21得票数 0
我有一个div与几个图像固定的位置，我想要放在一个单一的画布，以便我可以保存复合图片。这个是可能的吗？
我在w3schools上阅读了画布教程，我用MDN检查了API，并提出了以下代码，它什么也不做.
<div id="pics" >
<img id="i1" class="images"
src="http://chris.chrisjneeds.com/images/stars/stars01.jpg" width="300" height="277" style="p
浏览 1提问于2019-09-09得票数 1
回答已采纳
2回答
我正在尝试将html5画布转换为幻灯片注释器。我的目标是上传幻灯片的图像，允许用户在上面绘图，然后保存它。
工作原理:我成功地将幻灯片作为背景图像上传，并允许用户在其上绘图。我还可以使用save函数。
错误之处:保存图像后，用户绘制的图形将保留，但背景图像不会成为保存的图像的一部分。
有没有办法将画布保存到图像中，并在其中保留幻灯片背景？也许这不是一张背景图片？
下面是我的一些代码：
Canvas +按钮：
<div id="main">
<canvas id="drop1" class="drop" style="
浏览 0提问于2011-10-26得票数 0
回答已采纳
1回答
我得到了这个web服务，它给了我一个(jpeg)图像。我想要的是获取此图像，将其转换为数据URI并在HTML5画布上显示它，如下所示：
obj = {};
obj.xmlDoc = new window.XMLHttpRequest();
obj.xmlDoc.open("GET", "/cgi-bin/mjpegcgi.cgi?x=1",false, "admin", "admin");
obj.xmlDoc.send("");
obj.oCanvas = document.g
浏览 1提问于2012-04-02得票数 0
2回答
我正在制作一个网站，其中用户可以生成一个qrcode。每当生成qrcode时，我都希望将此图像保存到一个文件中，并将imagename放入数据库中。但我不知道如何才能挽救这一切。这是一个ASPMVC4网站，但我在我的视图中使用JavaScript来生成qrcode。这里我使用的是qrcode.js库。
JavaScript：
<script>
function makeCode() {
var qrcodeId = document.getElementById("QrcodeId");
var qrcode = new QRCode(documen
浏览 0提问于2013-08-13得票数 0
回答已采纳
使用kinetic.js或oCanvas库制作纸牌游戏SVG或canvas哪一个更好？
在性能、事件处理和跟踪对象方面..
另外，请让我知道是否有更好的框架，这将有助于我的maje
游戏尽快启动并运行。欢迎任何相关的知识来源。
谢谢
浏览 0提问于2012-02-21得票数 0
7回答
如何在画布中打开图像？它是编码的
我正在使用
var strDataURI = oCanvas.toDataURL();
输出是经过编码的base64图像。如何在画布上绘制此图像？
我想使用strDataURI并创建映像？这是可笑的吗？
如果不是，那么在画布上加载图像的解决方案是什么？
浏览 0提问于2011-01-23得票数 126
回答已采纳
1回答
O画布限制动画
、、
我对ocanvas很陌生，而且我发现对于初学者来说，这并不是很好的记录。我想知道如何限制动画，例如，当点击，一个盒子会移动-350到它自己的位置，但停止在画布的边缘，如果它是接近它的位置- 350。如有任何帮助或教程，将不胜感激。
浏览 5提问于2015-05-14得票数 0
回答已采纳
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
