1回答
原生脚本画布
、、
谁能告诉我canvas是如何在nativescript中创建的？我想要这样的东西。
var canvas = new fabric.Canvas('sheet');
canvas.isDrawingMode = true;
canvas.freeDrawingBrush.width = 30;
canvas.freeDrawingBrush.color = "#000000";
#sheet {
border:1px solid blue;
}
<canvas id="sheet" width="400" hei
浏览 0提问于2016-04-11得票数 2
1回答
我想用刻度线在画布上画圆圈，在画布上画一个包含100 ticks.But的圆圈，在1到2之间有更多的子刻度，也想根据用户的输入(圆圈旋转)来计算。请帮帮我..。
我试过这个
private void drawScale(Canvas canvas) {
//canvas.drawOval(scaleRect, scalePaint);
canvas.drawCircle(0.5f,0.5f, 0.49f,scalePaint);
canvas.save(Canvas.MATRIX_SAVE_FLAG);
for (i = 0
浏览 2提问于2012-11-30得票数 10
1回答
工作的角度2项目，绘制到一个html 5画布。主要功能是用户鼠标位置被绘制到屏幕上，然后慢慢消失(被半透明矩形覆盖)。
现在，当我运行脚本时，会得到以下错误：
无法设置未定义的属性“fillStyle”
我做错什么了？
interface mouseInterface {
previousX: number;
previousY: number;
}
import {Injectable} from '@angular/core';
@Injectable()
export class CanvasService {
context: CanvasRe
浏览 2提问于2016-11-09得票数 0
这是我的代码。我希望能够在画布上绘制图像而不损失图像的质量。
const canvas = document.getElementById("canvas");
const context = canvas.getContext("2d");
canvas.width = 360px;
canvas.height = 360px;
const img = new Image();
img.src = "some-image.jpg" // image size is 3840*2594px
var scale = Math.min(
浏览 0提问于2021-01-30得票数 0
1回答
我正在开发一个使用HTML5画布绘图的应用程序，问题是它在计算机浏览器上工作得很好，比如这个图片
我想让它在移动浏览器上工作(不要介意在两者上工作，移动浏览器是我想要的)。我的代码中与Java Script事件有关的问题。我将其更改为
canvas.addEventListener('touchstart' , engage);
canvas.addEventListener('touchmove', putpoint);
canvas.addEventListener('touchend' , disengage);
但没起作用我也试过了
ca
浏览 2提问于2015-02-16得票数 0
1回答
我们已经构建了一个类，它允许您轻松地在<canvas>元素上绘制内容。
这个类叫做Canvas。我已经将<canvas>元素和类本身封装在一个名为<paper-canvas>的WebComponent中。
<paper-canvas>
<canvas id="#canvas"></canvas>
<paper-canvas>
<script>
class PaperCanvas {
constructor() {
this.canvas = new Ca
浏览 0提问于2018-04-19得票数 1
回答已采纳
我正在尝试使用以下代码将GLSurfaceView呈现为JPEG：
FileOutputStream image = FileIO.getInstance().writeFile("racesow/test" + this.frameNum +" .jpg"); // creates an ouputstream in external storage directory
Bitmap bitmap = Bitmap.createBitmap(640, 480, Bitmap.Config.ARGB_8888);
Canvas canvas = new Can
浏览 2提问于2012-04-22得票数 0
回答已采纳
4回答
我有这三个类，应该一起创造一个游戏。但我在其中一个错误中发现了一个错误，它希望我添加未实现的方法。创建错误的类名为Game，如下所示。
package org.game.main;
import java.awt.Graphics2D;
public class Game extends Window {
public static void main(String[] args) {
Window window = new Game();
window.run(1.0 / 60.0);
System.exit(0);
}
浏览 3提问于2014-10-08得票数 0
回答已采纳
1回答
将单选按钮绑定到枚举属性
、、、、
我想我已经遵循了这个中给出的例子，但是当按钮被更改时，我的属性不会改变。关于我哪里出了问题有什么建议吗？
枚举和类的C#代码
public enum SystemTypes
{
TypeA,
TypeB
}
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
SystemTypes systemType = SystemTypes.TypeA;
public SystemTypes Syste
浏览 1提问于2014-08-20得票数 2
回答已采纳
我正在使用毕加索获取图像，并通过转换运行它们。奇怪的是，尽管为每个图像创建了Transformation对象，但transform方法只被调用一次。
我创建了许多以下对象(使用Gson解析)，然后对它们调用"postDeserialise“。
@Hide
transient public ObservableField<Drawable> badgeImage;
@Hide
transient private ImageUtils.ImageTarget bindableFieldTarget;
public void postDeserialise(Contex
浏览 0提问于2016-05-03得票数 0
将不可变图像加载到画布时会崩溃，并显示 java.lang.IllegalStateException: Immutable bitmap passed to Canvas constructor 在经典的Android Canvas和Compose Canvas中。 使用下面的代码片段是导致Jetpack Compose崩溃的原因。 val deferredResource: DeferredResource<ImageBitmap> =
loadImageResource(id = R.drawable.landscape2)
deferredResource.re
浏览 62提问于2021-01-10得票数 2
1回答
将自定义视图画布背景色更改为透明
、、、、
我制作了一个自定义视图类，它绘制音频文件的波形，不幸的是，我在将画布/自定义视图的背景色更改为透明时遇到了一些问题。
我可以改变onDraw函数canvas.drawColor(Color.WHATEVER)内的背景色；
然而，这适用于任何颜色，但透明，它显示黑色代替。
： canvas.drawColor(Color.BLUE)；
： canvas.drawColor(Color.TRANSPARENT)；
另外，如果我使用Android布局检查器，它看起来确实有效，但实际上它不起作用。见这里的截图：
public class SimpleWaveform extends View {
浏览 1提问于2021-06-27得票数 0
1回答
张张帆布
、、
我试着用单张1.4 来扩展画布
L.Canvas.FPCanvas = L.Canvas.extend({
options: {
width: 1,
height: 1
},
initialize: function(name, options) {
this.name = name;
L.setOptions(this, options);
},
onAdd: function (map){},
onRemove: function (map) {}
});
L.canvas.fpCanvas = function(id, op
浏览 0提问于2019-02-25得票数 0
回答已采纳
1回答
使用织物放大到画布的中心
、、、
我正在用fabric.js在画布上实现缩放功能。我实现了缩放，但不知何故，它并没有放大到画布的中心。它放大到画布的左上角。
下面是我同样的JS。
<script>
var canvas = new fabric.Canvas("Canvas-Id", {
selection: true,
width: 800,
height: 400
});
canvas.setBackgroundImage('http://i24.photobucket.com/albums/c22/smeagolsfree/TSCHQ.png
浏览 2提问于2015-04-15得票数 5
回答已采纳
1回答
我已经使用了一些Javascript代码在这里的另一个线程(我找不到链接，但我会尽快添加)。
目的:创建一个按钮，允许用户在单击它时进行下载，而不是右键单击并另存为。在Chrome/Firefox中，你可以使用'Download‘属性，但IE不支持，客户端使用IE。
代码拾取图像(当我运行代码时，它可以看到大小)，但没有下载它，错误出现为"0“，这是没有帮助的。我不是一个Javascript专家，所以任何帮助都是非常感谢的。我现在正在我的桌面上运行这个程序。
代码：
<%@ Page Language="VB" AutoEventWireup="f
浏览 0提问于2014-06-10得票数 0
我第一次问问题，然后我就停滞不前了……
我正试着用React-Three-Fiber做一个滑块，但我似乎不能让滑块可拖动。
下面是我的代码：
let canvas = document.querySelector(".canvas")
let pressed = false;
let startx;
let x;
canvas.addEventListener('mousedown', (e) => {
pressed = true;
startx = e.offsetX;
canvas.style.curso
浏览 2提问于2021-08-10得票数 0
我在wpf中实现了拖放。当我将ListBoxItem从一个列表框拖到另一个列表框时，我想。该列表框项目应该是可见的，而dragging.Do I丢失了什么？
XAML
<Grid x:Name="MainGrid" Width="{Binding ElementName=ProjectWindow,Path=ActualWidth}" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="19*" />
<Colu
浏览 1提问于2014-05-21得票数 0
看来我有问题要弄明白胶印机是怎么工作的。当我使用下面的代码时，它创建了5个箭头，但为什么呢？我创建一个和使用两次偏移。所以我想我有三个箭头。
public class legende extends View {
private Paint paint;
private Path arrowPath;
public legende(Context context) {
super(context);
init();
}
public void init(){
paint = new Paint();
浏览 2提问于2014-11-01得票数 1
如果我对TPaintBox执行以下操作，则会清除父控件和绘制控件：
canvas.BeginScene;
canvas.Clear(TAlphaColors.Gray);
canvas.EndScene;
如果我切换到ClearRect，它就能正常工作：
canvas.BeginScene;
canvas.ClearRect(TRectF.Create(0, 0, width, height), TAlphaColors.Gray);
canvas.EndScene;
我猜这是因为颜料盒共享了父画布和clear的工作，但clear rect做了正确的事情。有人能证实这一点吗？
浏览 0提问于2016-01-03得票数 1
1回答
在中嵌入<canvas>标签？
、、、、
是否可以在标记中嵌入<canvas>标记？特别是，我希望在使用GrahamCampbell/Laravel包的博客条目中嵌入画布标记，以显示来自Chart.js库的图表，但它似乎不起作用。
博客条目示例：
Lorem ipsum blah blah blah blah blah....
<canvas id="myChart" width="400" height="200"></canvas>
Lorem ipsum blah blah blah blah blah...
我的laravel (post
浏览 3提问于2016-08-09得票数 0
回答已采纳
2回答
在过去的几年里，我一直在使用Seaside，我发现模板系统是一种糟糕的代码味道。有没有一个.net的框架，使用类似于Seaside canvas系统的东西来生成html，css和javascript？或者是一种避免我在模板中发现的重复的方法。
Edit NHaml和我要找的不太一样。重点不是拥有(X)HTML的简写，而是拥有一种编程语言，在这种语言中我可以重构和重用代码。
在Seaside中，它可能看起来像这样：(画布是html和javascript的构建器)
renderContentOn: canvas
canvas form
class: 'eventEd
浏览 0提问于2009-05-19得票数 7
回答已采纳
1回答
当我调整窗口大小时，它会正确地调整大小，但是我用来保存图像的画布并没有随之调整大小。 代码如下： image = new BufferedImage(gc.width,gc.height,BufferedImage.TYPE_INT_RGB);
canvas = new Canvas();
Dimension s = new Dimension((int)(gc.width*gc.scale),(int)(gc.height*gc.scale));
canvas.setPreferredSize(s);
canvas.setMaximumSize(s);
浏览 31提问于2021-07-26得票数 0
1回答
用数据处理源完全重新加载画布元素
、、、、
<div class="Container"><div class="SubContainer">
<canvas id="gamecanvas" data-processing-sources="canvas.pde">
ERROR - No canvas support on browser
</canvas>
</div></div>
<div class="Container"><div class="Sub
浏览 4提问于2013-09-09得票数 1
1回答
我正在使用下面的代码来制作旋转轮。
@Override
public void onDraw(Canvas canvas)
{
super.onDraw(canvas);
for (int i = 0; i < segmentColors.length; i ++)
{
drawDataSet(canvas, i);
}
canvas.drawCircle(getWidth()/2, getHeight()/2, getWidth() - getWidth()/2
浏览 0提问于2017-05-29得票数 3
我正在使用fabric js和canvas从url添加图像，我想使canvas和包含的图像响应每个resolution.How，我们能做到吗？我的代码是：
<canvas id="panel" width="700" height="350"></canvas>
<script>
(function() {
var canvas = new fabric.Canvas('panel');
var rect;
fabric.Image.fr
浏览 0提问于2015-12-03得票数 0
我正在动态改变我的应用程序中的画布背景。
page.xaml代码为：
<Canvas x:Name="canvasBoard" Height="695" Width="1365" Grid.Row="0">
<Canvas.Background>
<ImageBrush Stretch="None" ImageSource="/Assets/board.png"/>
</Canvas.Backgr
浏览 0提问于2012-12-20得票数 1
回答已采纳
1回答
我想在我的项目中在圆圈之间画一条垂直线。
这是我的密码：
html：
<div id="ways" style="width:1000px;margin:0 auto;height:100%;">
<div id="row1">
<div id="col11" class="r1"><canvas id="col111" width="578" height="200"&g
浏览 2提问于2015-03-02得票数 2
回答已采纳
1回答
我正在使用RaphaëlJS来永远旋转图像。您可以看到当前的结果。但是，在多次调整浏览器窗口大小后，我遇到了一些性能问题。
会不会是每次调整窗口大小时都会创建新的动画，而不删除旧的动画？如果是这种情况，我如何停止并删除它们？如果不是这样的话，你知道我如何提高性能吗？
代码是这样的：
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
background-color: black;
width: 100%;
height: 100%;
浏览 3提问于2013-08-03得票数 0
1回答
是的，这个问题以前已经被问过了。不，我读到的答案都不能解决我的问题。
我在试着创造一个小小的弹跳游戏。我已经像这样创建了砖块：
def __init__(self,canvas):
self.canvas = canvas
self.brick1 = canvas.create_rectangle(0,0,50,20,fill=random_fill_colour(),outline=random_fill_colour())
self.brick2 = canvas.create_rectangle(50,0,100,20,fill=random_fill_colou
浏览 7提问于2014-03-18得票数 20
1回答
我想要在一个固定的环形路径上移动一个物体，就像太阳周围的行星一样。
根据我的研究，链接是这样的：，但是，它不工作。
以下是更新后的代码：
public class MainActivity extends Activity {
ourView v;
Bitmap tball;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
v = new ourView(this);
setContentView(v);
tbal
浏览 0提问于2014-06-17得票数 0
3回答
我想高效地加载大型位图，所以我决定使用毕加索库。
我有一个SurfaceView，它必须需要位图才能画一些东西(在表面上)
这是我的帧码。
Canvas canvas = surfaceHolder.lockCanvas();
if (canvas != null) canvas.drawColor(Color.GRAY);
// here i want to add some bitmaps
surfaceHolder.unlockCanvasAndPost(canvas);
有可能吗？使用毕加索库获取位图。我已经检查了使用情况
但是没有办法使用毕加索库获取位图源。
Picasso.w
浏览 4提问于2015-11-02得票数 0
回答已采纳
1回答
喜欢面料，并试图抓住它的一切。
首先，我创建了这样一个文本：
newtext = new fabric.Text('EUI', {
fontFamily: 'UbuntuL',
fontSize: 70,
fill: '#555',
selectable: false,
});
canvas.add(newtext);
但是，它不能用动画改变颜色：
newtext.animate({
fill:'#f00',
}, {
duration: 3000,
easing: fabr
浏览 2提问于2015-07-13得票数 4
1回答
我试图学习如何使用SurfaceView，因为我需要在未来的项目中使用它。我读到，如果我需要快速更新UI，最好在线程的帮助下使用SurfaceView。
我的代码的目的是能够在位图上打印A 'B‘的模式，下面是代码：
public void testTransition(Canvas canvas) {
if (canvas != null) {
canvas.drawColor(Color.BLACK);
Log.i("Thread", "Running...");
for (int y = 0;
浏览 1提问于2019-07-25得票数 0
回答已采纳
我正在用Node.js编写一个基于canvas的多用户绘图应用程序，并希望在当前绘图中维护一个内部canvas元素。可以在Node.js中创建画布元素并与之交互吗？
我最近一次尝试的是jsdom模块，可以在这里找到：
var jsdom = require('jsdom');
var window = jsdom.jsdom().createWindow();
var canvas = window.document.createElement('canvas');
// The following line works
canvas.setAttribute(
浏览 1提问于2010-10-22得票数 4
1回答
我有下面的html文件，它在画布上绘制图像。
<canvas id="canvas"width="800"height="800"></canvas>
<script>
var canvas = document.getElementById('canvas')
let ctx = canvas.getContext('2d')
let img = new Image()
img.src = 'https://clipartsp
浏览 4提问于2021-05-29得票数 0
回答已采纳
下面的示例创建页眉、画布和页脚。画布被告知填充页眉和页脚之间的空间。发生了以下情况：
展开窗口:画布增长收缩窗口:滚动条出现，但我希望画布收缩
为什么画布不收缩，我如何使它收缩？
const canvas = document.getElementById("canvas");
function paint() {
canvas.width = canvas.offsetWidth;
canvas.height = canvas.offsetHeight;
const ctx = canvas.getContext("2d");
ctx.f
浏览 3提问于2021-08-25得票数 2
回答已采纳
嗨，我是新的在C#的WPF，我希望在任何角度和方向设置一个椭圆。不幸的是，我还没有找到解决方案。我的简单解决方案没有考虑到我计算的角度。我在用Canvas.setTop，Canvas.setRight...等来设置这个角度，但是我想用我计算的角度来设置这个角度。
这是我的XAMLcode：
<Window x:Class="someApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="htt
浏览 9提问于2020-11-01得票数 0
下图显示了Tk窗口的右下角，该窗口由一个由画布和水平和垂直滚动条组成的框架组成。这是使用Grid方法实现的。
我无法使用Pack方法复制相同的外观。下面是我得到的结果和给出这样一个外观的示例代码。
如何使用pack方法复制网格方法的外观？
import tkinter as tk
import tkinter.ttk as ttk
root = tk.Tk()
frame = ttk.Frame( root )
frame.pack()
ysb = ttk.Scrollbar( frame, orient='vertical' )
xsb = ttk.S
浏览 12提问于2020-03-05得票数 0
回答已采纳
1回答
视图未正确显示
、、
[super viewDidLoad];
// Do any additional setup after loading the view.
if (INTERFACE_IS_IPHONE5) {
CGPoint center = _canvas.center;
CGRect frame = _canvas.frame;
frame.size.width = frame.size.height = 568;
_canvas.frame = frame;
_canvas.center = center;
}
旋转屏幕时，图像不会显示iPhone的全宽。
浏览 2提问于2014-12-10得票数 0
我是新来的WPF/SL。在silverlight中，我面临着数据绑定的以下问题。
场景-1->绑定文本框的文本属性与矩形的填充属性-工作良好
<Canvas>
<Rectangle x:Name="myrect" Fill="{Binding Text, Mode=TwoWay}" Height="50" MinHeight="40" Width="100" Canvas.Left="213" Canvas.Top="202"/>
<But
浏览 3提问于2014-11-30得票数 0
回答已采纳
1回答
我有一个ScrollView，里面有一个自定义视图。它不会滚动。我可以让它滚动，如果我在它里面放一个文本视图。我一直在寻找解决方案，但我找不到为什么它不能滚动。
我假设我需要在绘制自定义视图时以某种方式通知ScrollView。此代码来自自定义控件上的onDraw。
canvas.drawLine(0, 0, 2000, 2000, paint);
canvas.drawLine(0, 200, 2000, 200, paint);
canvas.drawLine(0, 300, 2000, 300, paint);
canvas.drawLine(0, 400
浏览 0提问于2012-06-23得票数 2
1回答
看起来ctx.filter = "blur(amount)"不工作了。下面是我的代码：
const {
body
} = await request.get(
url
);
const data = await Canvas.loadImage(body);
ctx.filter = "blur(50px)"
ctx.drawImage(data, 0, 0, canvas.width, canvas.heigth)
const final = new Discord.MessageAttachment(
canvas.toBuffer(
浏览 2提问于2020-11-07得票数 0
<!DOCTYPE html>
<html>
<head><title>Canvas code example</title>
<script type="text/javascript">
// JavaScript source code goes here
function fun1(x) {return Math.sin(x); }
function fun2(x) {return Math.cos(3*x);}
function draw() {
var canvas = document.
浏览 2提问于2013-10-18得票数 0
1回答
我需要将Ag-Grid导出到PDF。为此，我可以将ag-grid div转换为canvas (html2canvas) img。因此，将img转换为PDF (jsPdf)可以很好地工作。
但由于我已经将标题固定在网格上，所以它只转换网格的可见部分，而不是网格中的所有行。为了做到这一点，我尝试了下面这样的方法，但没有奏效
downloadAsPdf() {
let doc = new jsPDF();
html2canvas(this.agGrid["_nativeElement"]).then(canvas => {
var im
浏览 2提问于2020-09-01得票数 0
我正在尝试做被描述为的事情：“我想从这个位图中裁剪一个圆形区域，圆圈之外的所有像素都应该是透明的。”
我已经试过了那篇文章里的内容，但是它们都没有提供透明的背景，只有一个圆圈图像，我尝试了下面的内容，但是它没有工作，有什么想法吗？
public Bitmap getCroppedCircleImage(Bitmap bmp, View view) {
Bitmap bitmap = getCroppedImage(bmp, view);
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeigh
浏览 3提问于2016-02-07得票数 0
回答已采纳
我正在尝试使用Fabric创建一个T恤编辑器。我在画布上设置了一件衬衫作为背景图像。现在我正试着在T恤的中间找一个区域，作为一个剪裁口罩。我只希望这个区域内的对象是可见的。 下面是我的代码：http://jsfiddle.net/mtb2p3Lx/4/ var canvas = new fabric.Canvas('c');
// set background
fabric.Image.fromURL('https://qstomizr.s3.amazonaws.com/11102-9LDAQLKA1585254870.5083.jpg', (img) =&
浏览 51提问于2020-04-25得票数 0
回答已采纳
1回答
因此，我在SL4中有以下控件...
XAML：
<Canvas x:Class="LineAnnotation"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Canvas.Left="0" Canvas.Top="0" Loaded="Canvas_Loaded"
浏览 0提问于2011-12-06得票数 3
回答已采纳
在下面的代码片段中，我有一个TypeScript类，实例方法buz是canvas‘click事件的侦听器。
this关键字在buz方法中引用事件的目标对象(画布)。
如何从foo方法访问buz实例？
class Foo {
constructor(private _canvas: HTMLCanvasElement, private _message: string) {
}
public bar(): void {
this._canvas.addEventListener(`click`, this.buz
浏览 3提问于2017-06-17得票数 10
回答已采纳
1回答
我想把帆布放进容器里。我想要画布和容器一样大。为了做到这一点，我使用了JQuery，然而，结果证明这是缩放我的画布。这不是我的意图，特别是因为我在调整大小后抽签。用好的旧方式做同样的事情，JavaScript给了我预期的结果。
我个人并没有预料到JQuery的结果，我花了一段时间才发现问题。有谁知道他们为什么选择这个实现，为什么会产生不同的结果？我希望通过分享这一点，我可以节省一些人的很多时间！
感谢愿意进一步研究这一问题的人！
下面是一些示例代码：
<html>
<head>
<title>Canvas resizing</title>
浏览 2提问于2014-12-26得票数 2
回答已采纳
我在Windows和OS上运行这个示例来测试stipple，但结果不同。怎么一回事？
与
# semi-transparent-stipple-demo.py
# note: stipple only works for some objects (like rectangles)
# and not others (like ovals). But it's better than nothing...
from Tkinter import *
def redrawAll(canvas):
canvas.delete(ALL)
# draw a red rec
浏览 3提问于2016-03-15得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
