jjzjj

drawImage

全部标签

javascript - 在 Canvas 上绘制图像 - 比实际大

我想在Canvas上从jpg文件中绘制图像。我的代码:varcanvas=document.getElementById('my_canvas');varctx=canvas.getContext('2d');varimageObj=newImage();imageObj.onload=function(){ctx.drawImage(imageObj,0,0);};imageObj.src='img/my_image.jpg';问题是Canvas上的图像比文件中的图像大得多。为什么?如何绘制实际大小的图像?更新:结果:http://jsfiddle.net/AJK2t/

javascript - 在 Canvas 上绘制图像 - 比实际大

我想在Canvas上从jpg文件中绘制图像。我的代码:varcanvas=document.getElementById('my_canvas');varctx=canvas.getContext('2d');varimageObj=newImage();imageObj.onload=function(){ctx.drawImage(imageObj,0,0);};imageObj.src='img/my_image.jpg';问题是Canvas上的图像比文件中的图像大得多。为什么?如何绘制实际大小的图像?更新:结果:http://jsfiddle.net/AJK2t/

javascript - Canvas drawImage 使用数据 URL

我将从脚本开始:functionsaveInstance(){_savedInstance=document.getElementById('canvasID').toDataURL();}functionrestoreInstance(){ctx.drawImage(_savedInstance,0,0);}目的是保存Canvas实例并稍后重新应用它[类似于ctx.save()保存样式和转换的方式]。但是,我收到了不兼容类型的错误(未捕获错误:TYPE_MISMATCH_ERR:DOM异常17)。是否有任何Canvas方法允许我使用数据URL字符串重新绘制实例?**如果有更好的方法来

javascript - Canvas drawImage 使用数据 URL

我将从脚本开始:functionsaveInstance(){_savedInstance=document.getElementById('canvasID').toDataURL();}functionrestoreInstance(){ctx.drawImage(_savedInstance,0,0);}目的是保存Canvas实例并稍后重新应用它[类似于ctx.save()保存样式和转换的方式]。但是,我收到了不兼容类型的错误(未捕获错误:TYPE_MISMATCH_ERR:DOM异常17)。是否有任何Canvas方法允许我使用数据URL字符串重新绘制实例?**如果有更好的方法来

html - 奇怪的 HTML5 Canvas drawImage 行为

我正在编写一些使用HTML5Canvas的代码。通常效果很好,但现在我发现了一个非常奇怪的行为。奇怪的是它在不同的浏览器上是一致的,所以一定是我理解错了......尽管文档似乎准确地说明了我在做什么。这是代码(它是一个对象方法):MyCanvas.prototype.getElement=function(){varinnerHtml="";varelem=jQuery(innerHtml,{'id':this.viewId});varcanvas=jQuery("",{'id':this.viewId+"canvas",'width':this.width,'height':this

html - 奇怪的 HTML5 Canvas drawImage 行为

我正在编写一些使用HTML5Canvas的代码。通常效果很好,但现在我发现了一个非常奇怪的行为。奇怪的是它在不同的浏览器上是一致的,所以一定是我理解错了......尽管文档似乎准确地说明了我在做什么。这是代码(它是一个对象方法):MyCanvas.prototype.getElement=function(){varinnerHtml="";varelem=jQuery(innerHtml,{'id':this.viewId});varcanvas=jQuery("",{'id':this.viewId+"canvas",'width':this.width,'height':this

canvas - drawImage 或 paintImage 在 Flutter 中无法正常工作

我基本上想在Canvas上显示Assets文件夹中的图像。import'package:flutter/material.dart'asui;...ui.Imageimg=ui.Image.asset("images/some_image.png");ui.paintImage(canvas:canvas,image:img);当我尝试将img分配给paintImage的图像时出现以下错误消息。Theargumenttype'Image(C:\ABC\flutter\packages\flutter\lib\src\widgets\image.dart)'can'tbeassigned

canvas - drawImage 或 paintImage 在 Flutter 中无法正常工作

我基本上想在Canvas上显示Assets文件夹中的图像。import'package:flutter/material.dart'asui;...ui.Imageimg=ui.Image.asset("images/some_image.png");ui.paintImage(canvas:canvas,image:img);当我尝试将img分配给paintImage的图像时出现以下错误消息。Theargumenttype'Image(C:\ABC\flutter\packages\flutter\lib\src\widgets\image.dart)'can'tbeassigned

c# - 将图像保存到文件

我正在开发一个基本的绘图应用程序。我希望用户能够保存图像的内容。我想我应该使用System.Drawing.Drawing2D.GraphicsStateimg=drawRegion.CreateGraphics().Save();但这对保存到文件没有帮助。 最佳答案 您可以尝试使用这种方法保存图像SaveFileDialogdialog=newSaveFileDialog();if(dialog.ShowDialog()==DialogResult.OK){intwidth=Convert.ToInt32(drawImage.Wi

c# - 将图像保存到文件

我正在开发一个基本的绘图应用程序。我希望用户能够保存图像的内容。我想我应该使用System.Drawing.Drawing2D.GraphicsStateimg=drawRegion.CreateGraphics().Save();但这对保存到文件没有帮助。 最佳答案 您可以尝试使用这种方法保存图像SaveFileDialogdialog=newSaveFileDialog();if(dialog.ShowDialog()==DialogResult.OK){intwidth=Convert.ToInt32(drawImage.Wi