1回答
我正在使用自定义视图，我希望使用path.lineTo()和path.arcTo()方法构建一个圆形矩形。
所以，我想要得到的矩形：
通常，我用这段代码来画这个：
RectF backReftf = new RectF();
Path path = new Path();
int width = getWidth();
int height = getHeight();
float curve = (float) (0.1 * height);
RectF backReftf = new RectF();
backReftf.
浏览 1提问于2019-05-22得票数 2
回答已采纳
我想画直线路径之间的许多地理点给出的代码.....但是，如果我试图放大发生ConcurrentModificationException的地图，请帮助我...我是android的新手.....
//this is the methode to draw path
public void draw_path(View view) {
if(timer!=null)
timer.cancel();
timerpath = new Timer();
timerpath.scheduleAtFixedRate(new TimerTask(){
浏览 5提问于2012-07-26得票数 0
2回答
我试图在for循环中画几条线到画布上，但似乎只画了一条线。我做错了什么？
for (int x = 0; x < 10; x++)
{
Random rand = new Random();
double newTop = rand.Next(0, 50);
Line top = new Line();
top.Stroke = Brushes.Black;
top.StrokeThickness = 2;
top.Width
浏览 0提问于2014-07-10得票数 0
1回答
我必须清除我的画布点击按钮。我想我试过各种方法来清理它，这是我在网上发现的。我清理我的画布，但是当我再次开始画画(在清晰的画布上)时，前面的画又回来了。我将在下面的步骤中展示给你看。
步骤1:第一次绘制
步骤2:单击函数清除按钮清除画布(请在下面查看我的代码)。结果:画布是透明的.
步骤3:我开始在清晰的画布上画画，但当鼠标向上移动时，新的绘图将与旧的.一起出现。
我不想要这张旧的“鬼”画，我想清理它，我需要完全清晰的画布来画全新的画。有谁可以帮我？提前谢谢。
代码：
Play.vue
<template>
<div class="p
浏览 7提问于2020-04-22得票数 0
回答已采纳
我想把我的数码钟放在背景上。当前时间显示在im使用的图像之上。
我应该如何设置这个代码？这就是我到目前为止想出的
from tkinter import *
from PIL import ImageTk,Image
import time
root=Tk()
root.title("Klocka")
root.attributes("-topmost", 1)
root.iconbitmap('klocka.ico (1).ico')
root.geometry('300x200+50+50')
canvas=Canvas
浏览 3提问于2022-11-10得票数 0
1回答
我知道如何画正方形，但如何才能使它只在我点击“画正方形”按钮时才画？另外，我知道如何创建一个按钮(<p><button onclick="rect();">Rectangle</button></p>)，但是如何将其链接到javascript呢？任何帮助都是非常感谢的.
HTML5：
<canvas id="canvas" width="500" height="500"></canvas>
JAVASCRIPT：
<script type=
浏览 0提问于2012-06-03得票数 2
1回答
我有一张可画的画布。问题是，无论何时调整大小，画布中的内容都会被剪切掉。
这意味着，如果我在中间画一些东西，然后调整到宽度的一半，那么这幅画就会消失得无影无踪。
_________________ _________
| | | |
| o o | | o |
| o | >> | o|
| ----- | | ---|
|________________| |________
浏览 1提问于2019-12-10得票数 2
1回答
按照的说明，我有一个div正在被克隆，其中包含一个p5画布。克隆它时，画布对鼠标坐标没有响应。
如何使p5画布在克隆后仍然处于活动状态？
$(document).ready(function() {
$(".showcanvas").click(function() {
// Find the original canvas element
var origCanvas = $(".canvas").first().find('canvas')[0];
// Clone the div wrapper
浏览 1提问于2018-10-22得票数 1
回答已采纳
我正在尝试用HTML5的画布元素制作一个时钟。
我想做的是每一秒画一条线，然后删除前一条线。
我想通过使用globalCompositeOperation='xor';绘制另一条线来擦除前一条线，但它不起作用！
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w
浏览 3提问于2013-02-25得票数 0
回答已采纳
1回答
在HTML5画布中，我试图添加和图像。这句话：
imageObj.src = 'file://C:/Users/User/Documents/Image File/image1.jpg';
是不对的如何向HTML5画布图像添加文件？
<canvas id="myCanvas" width="1000" height="1000"></canvas>
<script>
var canvas = document.getElementById('myCanvas&#
浏览 2提问于2016-04-21得票数 3
回答已采纳
1回答
我使用HTML画布绘制一个图形。每一行我都有水平线和标签。但是标签总是出现在线条后面，即使它们是第二画。守则是：
function paintGrid(canvas, context) {
var xSegment = 200 / 5,
ySegment = 200 / 5;
var color = '#EEE';
// DRAW GRID
context.fillStyle = color;
context.strokeStyle = color;
context.lineWidth = 5;
浏览 2提问于2016-03-22得票数 1
回答已采纳
我正在尝试在React中使用canvas。下面的代码应该给我一个黑色的800x800画布，但由于某种原因，它忽略了我的尺寸，并显示了300x150画布。 import React, {Component} from "react";
class Sample extends Component {
state = {
canvasWidth: 800,
canvasHeight: 800
}
canvasRef = React.createRef();
componentDidMount() {
浏览 37提问于2019-05-14得票数 1
回答已采纳
1回答
如何将树或更多的画布放在一起？
、、、、
我想要三个或更多的画布正确覆盖。我发现了类似的主题()，只是不能将3或4幅画布全部覆盖在一起。在第二画布之后，所有其他画布呈现在第二画布下面。
我想要的是底层的画布。彩色地图的画布和信息的画布，我可以点击第三张画布并请求对象。
我正在使用的代码：
<style>
#wrapper{ position: relative; }
.canvas { position: absolute; top: 0; left: 0; }
</style>
<div id="wrapper">
<canvas clas
浏览 2提问于2016-10-12得票数 0
回答已采纳
3回答
我创建了一个扩展View类的类。
public class SplashScreen extends View
我通过设置contentview来使用它
View splash = new SplashScreen(this);
setContentView(splash);
我需要设置背景图像，但我不能使用布局。我想我需要画帆布画，但我不知道该怎么做。
protected void onDraw(Canvas canvas) {
ballBounds.set(ballX-ballRadius, ballY-ballRadius, ballX+ballRadius, ballY+ballR
浏览 0提问于2012-06-20得票数 2
回答已采纳
1回答
我在WPF中的动态绘图按钮有问题。我想从上面画这个按钮，但它是从中间画的，我不知道为什么。有一个绘制这些按钮的代码。
public partial class UserView : UserControl {
public UserView(IEnumerable<User> usersFromDb) {
var spacer = 0;
InitializeComponent();
foreach (var user in usersFromDb) {
var canvas = new Canvas
浏览 10提问于2017-03-12得票数 0
回答已采纳
1回答
正如标题所说的那样。我想改变我的HTML5画布的大小。我使用fabricjs库来处理HTML5画布。然而，制造of使画布的尺寸变小。现在我想要它的大小使用css，但它不影响它。当我给其他css规则画布，那么它确实影响，但不影响宽度和高度。
这是我的制造代码
var canvas = new fabric.Canvas('c');
var rect = new fabric.Rect({
left: 50,
top: 50,
fill: 'red',
width: 100,
height: 100
});
canvas
浏览 4提问于2013-08-27得票数 0
回答已采纳
1回答
我想在Fire猴子项目中的TPaintbox画布上画一个虚线网格，结果应该是这样的：
首先，我想画垂直的虚线，然后画水平的虚线，所以考虑到这一点，我试着先画一条线，试着让它看起来更好，这就是我尝试过的：
Canvas.Stroke.Color := TAlphaColorRec.Black;
Canvas.Stroke.Dash := TStrokeDash.Dot;
Canvas.Stroke.Kind := TBrushKind.Solid;
Canvas.Stroke.Thickness := 1;
Canvas.DrawLine(PointF(0, 0), PointF(0,
浏览 2提问于2016-01-30得票数 3
回答已采纳
我正在使用Vaadin，并试图将画布部分用于一些简单的涂鸦。为了实现这一点，我使用了Vaadin的库，它运行得很好，但我不知道如何让它擦除我绘制的内容。
当用户单击时，我得到坐标并开始在那里绘图：
canvas.beginPath();
canvas.moveTo(relativeX, relativeY);
然后，在下一次鼠标运动中，我开始从它们画的线连接起来：
canvas.lineTo(relativeX, relativeY);
canvas.setStrokeStyle(color);
canvas.stroke();
和当他们点击擦除我调用：
canvas.setGlobalAlp
浏览 6提问于2015-02-20得票数 0
回答已采纳
我想画4个帆布元素。也就是说，我想画同样的画布元素，4次。
使用附加到一个画布元素的id，我能够获得它并成功地绘制它。
来自main.js
var canvas = document.getElementById('box');
var ctx = canvas.getContext('2d');
var radius = 75;
var endPercent = 99;
var curPercent = 0;
ctx.lineWidth = "10";
ctx.strokeStyle =
浏览 3提问于2022-03-21得票数 0
回答已采纳
2回答
我现在正在尝试学习一些<canvas> API。我的任务是创建一个简单的模拟风格的时钟与工作时钟手(秒，分钟和小时)。
时钟框架，脸和手都是用相同的画布元素画的。我创建了一个drawScene()函数，它每秒钟运行一次，并重新绘制整个时钟。如果您想更深入地查看代码，我将将其发布到本文底部链接的jsbin中。
drawScene()方法的目标是调用drawClockFace()方法，该方法将当前的秒/分钟/小时传递给根据传递的时间(即drawSecondHand(currentSecond))绘制手的单个函数。
问题
如何在不旋转整个画布的情况下旋转画布的各个组件(即时钟上的第二只手
浏览 2提问于2014-02-02得票数 2
回答已采纳
1回答
因此，我正在用一本书学习ActionScript (“FoundationAS3.0与Flash.”)。
我被困在了一次运动中。
我必须用箭头和空格键制作一个绘图应用程序。
它不可能100%起作用。我能画，画，画右，画左。即使是对角线，也只有右上和左。
你们知道我的错在哪里吗？我也想画左上角和右下.
到目前为止，这是我的代码：
package classes{
import flash.display.Shape;
import flash.display.Sprite;
import flash.events.KeyboardEvent;
import flash.ui.Keyboard;
浏览 3提问于2014-01-06得票数 0
回答已采纳
1回答
我不能在画布上画上加载的图像。
、、、、
我不能在画布上画一幅画。我确信图像在绘图前已经加载了。为什么我不能画雪碧，如果我知道的图像是加载的？
错误如下
Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(HTMLImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap)'
还有一个示例代码：
//Canvas
var canva
浏览 0提问于2016-04-17得票数 0
回答已采纳
1回答
在我的Android paint应用程序中，我将在画布上进行绘制。但有时我在画之前就有了Image。那时候我的画就变慢了。问题出在哪里?？
仅在画布上绘制的代码：
@Override
protected void onDraw(Canvas canvas) {
//canvas.drawColor(0, PorterDuff.Mode.CLEAR);
// set the Canvas Color
canvas.drawColor(canvasColor); // edited
canvas.drawBitmap(mB
浏览 0提问于2011-12-02得票数 1
回答已采纳
2回答
为什么我不能并排画像素呢？
、、、、
我想用C#中的画布画一幅画。我必须控制每个像素的颜色，所以我用矩形绘制它。
public void AddPixel(Canvas canvas, double x, double y)
{
Rectangle rec = new Rectangle();
Canvas.SetTop(rec, y);
Canvas.SetLeft(rec, x);
rec.Width = 1;
rec.Height = 1;
rec.Fill = new SolidColorBrush(Colors.Bla
浏览 0提问于2015-10-20得票数 0
回答已采纳
1回答
Canvas.drawRect(左、上、右、下、画)；
假设我想画矩形
x=30 to x=35 of height y=50。上述方法中的值是什么？非常感谢。
浏览 5提问于2010-07-20得票数 0
回答已采纳
我的HTML5画布中有一个图像背景。
var canvas = new fabric.Canvas('#canvas1');
canvas.setBackgroundImage(
'http://fabricjs.com/assets/jail_cell_bars.png',
canvas.renderAll.bind(canvas)
);
如何将画布的尺寸(宽度、高度)设置为背景图像的尺寸？
谢谢。
浏览 3提问于2014-04-30得票数 15
回答已采纳
2回答
如何缓冲使用drawCircle canvas方法绘制的圆？
我需要画两个圆圈，然后当用户将手指扫到圆圈上时画一条弧线。因此，这两个圆将始终相同，但角度(由drawArc方法绘制)将始终不同。我想缓冲这些圆圈，而不是一遍又一遍地画……我让这段代码正常工作，但我认为它可以做得更好。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
/*first circle*/
canvas.drawCircle(getWidth()/2, getHeight(
浏览 0提问于2012-10-30得票数 0
1回答
我试图绘制两个矩形作为一个形状，并包括一个角度注释使用HTML5画布。
我试图实现的最终版本如下所示：
怎样才能找到内角上的交点，才能知道在哪里画角度注释？
let canvas=document.getElementById("canvas");
let ctx=canvas.getContext("2d");
// rectangle dimensions
let height = 50;
let width = 200;
// starting coordinates
let x = 20;
let y = 20;
//
浏览 3提问于2020-12-03得票数 0
回答已采纳
1回答
从图像中提取轮廓
、、、、
我想通过绘制和展开背景中的第二幅图片来画出一个轮廓，但我不是很成功，我怎样才能画出规则的笔画呢？
我画的轮廓：
我想画的轮廓：
我的守则；
private Bitmap ContourBitmap() {
int strokeWidth = 8;
Bitmap originalBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.flower_icon);
Bitmap newStrokedBitmap = Bitmap.createBitmap(originalBitmap.getWidth() + 2
浏览 0提问于2020-04-25得票数 2
回答已采纳
我有一个应用程序，允许用户在有限的时间内绘制织物画布。时间结束后，我想结束绘图模式，并将绘图保存为图像。
我的问题是，如果时间结束时，用户仍在绘图(拖动鼠标)，绘图将消失(再次单击画布)。
下面的fiddle示例显示了我所做的应用程序，产生问题的步骤如下：
运行小提琴，并立即开始绘图。
3秒后，超时事件将发生，空闲绘图模式将结束。画就会停止。
再次单击画布并拖动鼠标。
这幅画就会消失。
代码示例：
var canvas = new fabric.Canvas("c",{backgroundColor : "#fff"});
canvas.
浏览 0提问于2016-12-13得票数 2
回答已采纳
学习Javascript，我试着画一个时钟，但当它开始画手时，时钟的轮廓得到一个边框。
如果我删除/* Draw the Hour Hand */下的Javascript部分，边框和手一样。
我本以为context.lineWidth = 0;在JavaScript的第9行会停止时钟边框，但它没有。
我如何停止在时钟的边缘产生边框？
/* Define variables for clock canvas */
var canvas = document.getElementById("clock");
var context = canvas.getContext(
浏览 5提问于2021-12-14得票数 0
回答已采纳
1回答
我试图在HTML5画布上绘制矩形。我设法在画布上画画，但我需要动态地画。
x，y：在画布元素中矩形位置的坐标。
w：矩形的宽度。
h：矩形的高度。
f：如果是true，则矩形填充时没有边框。如果false，矩形有边框，但没有填充。
var canvas = document.getElementById("c");
var context = canvas.getContext("2d");
var json = [{
"x": "50",
"y": "50",
"
浏览 1提问于2022-09-22得票数 0
回答已采纳
2回答
我正试图使用jQuery将一张图片放在画布的中心。首先，我在没有jQuery的情况下做到了这一点：
function initCanvas() {
var canvas = document.getElementById("canvas");
canvas.height = CANVAS_HEIGHT;
canvas.width = CANVAS_WIDTH;
canvas.style.backgroundColor = CANVAS_COLOR; // black color
return canvas;
}
function dra
浏览 4提问于2016-06-22得票数 2
回答已采纳
1回答
如何检查HTML5画布是否为空白或有彩色像素。有快速的方法吗？
<canvas width="200" height="200"></canvas>
浏览 1提问于2013-06-30得票数 40
不久前，我使用HTML5画布绘制了一个动画背景。
现在，我尝试在Unity3D中获得同样的效果。所以我找到了Unity canvas元素。但在一些研究之后，我只找到了如何绘制按钮、图像等的教程。
所以我想知道是否有可能像HTML5画布一样编写Unity canvas？
我需要像这样的函数
canvas.fillRect(0, 0, window.innerWidth, window.innerHeight);
或
canvas.beginPath();
canvas.moveTo(x, y);
canvas.stroke();
但在文档中找不到类似的内容。
另一种可能是像这样编码纹理。但我认为
浏览 0提问于2015-05-15得票数 1
看看这些图片：
，
正如你可以清楚地看到，从上面的演示中，尽管两个瀑布具有相同的质量和起始高度，但它们具有不同的加速度。
这也可能是由于我的代码造成的。但我会在这里展示我的代码：
Acceleration.js：
var time=0;
var startVel;
var endVel;
//Aliases
var Engine = Matter.Engine,
World = Matter.World,
Render = Matter.Render,
Bodies = Matter.Bodies,
Body = Matter.Body;
var c
浏览 2提问于2020-06-07得票数 0
我想使用多个画布，并为每个画布设置不同的背景。我将画布的背景分配给一个随机的颜色生成函数。但它只为所有画布返回一种颜色。
wpf示例：
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Canvas Name="canvas
浏览 0提问于2018-05-13得票数 1
我有一个透明的左、右两部分的绘图。我需要在里面画些进展。
startDrawable.setBounds(0, 0, startDrawable.getIntrinsicWidth(), canvas.getHeight());
startDrawable.draw(canvas);
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setColor(Color.BLACK);
Path path = new Path();
浏览 0提问于2018-07-18得票数 0
回答已采纳
1回答
在android上创建一个简单的游戏。我得在画布上随意画些画。
问题是出现图片和消失它们。每一张照片都应该在5秒内消失(在这段时间里，移动英雄必须抓住他们)。
我试着用单独的线程画一幅画，但它不起作用。
在这段代码中，我希望tmpBitmap在5秒内出现并消失。(在此期间，主线程一定要解决其他任务)如何正确地做好？
public class Drawing extends View implements OnTouchListener {
Bitmap ball;
static Canvas myCanvas;
static Bitmap tmpBitmap;
浏览 3提问于2015-02-16得票数 0
回答已采纳
1回答
我遇到了一个问题，我试图用数组在画布上画线。
在画第一条线之前，我正试着把画布清理一遍。
如果我清除画布，我只能画最后一条线，而不是所有的线。
function drawAll() {
for (var i = 0; i < lines.length; i++) {
if (i == 0) {
ctx2.clearRect(0, 0, canvas.width, canvas.height); // clears canvas
}
ctx2.beginPath(); // needed to clear c
浏览 0提问于2019-01-31得票数 0
回答已采纳
1回答
我想睡觉，然后画onDraw：
protected void onDraw(Canvas canvas) {
if (_rectPath) {
canvas.drawPath(mRectPath, mFillPaint);
// SLEEP HERE for 5 seconds
canvas.drawPath(mRectPath, mNPaint);
}
canvas.drawPath(mPath, mPaint);
}
我将如何实现睡眠5秒？基本上，我希望它等待5秒，然后画下一个路径，mNPaint。
谢谢!
浏览 2提问于2016-04-15得票数 0
回答已采纳
使用<canvas>标签，我需要能够在多边形中绘制一个洞。
现在，我有一个非常简单的方法，它使用beginPath()，然后对每个点执行lineTo()。然后用fill()填充它。
我看不到有任何方法可以有一个填充的多边形，中间没有填充，就像一个甜甜圈。我不是在做一个甜甜圈，但它适用于这个例子。
我是不是漏掉了什么？我宁可不把它画满也不愿重画中间部分。
浏览 2提问于2012-11-29得票数 12
回答已采纳
1回答
我是HTML5的新手，我计划创建一个工具来演示一个字符是如何按照正确的顺序手工编写的。
我有这个代码来用画布创建一个汉字，但是有没有办法一步一步地画它直到整个字符完成为止？使用Javascript是受欢迎的，我不想使用gif或闪光灯画这么多帧。
有什么想法吗？谢谢。
<!DOCTYPE html>
<html>
<head>
<title>Canvas beginePath example</title>
<script>
function beginDemo() {
浏览 5提问于2013-09-17得票数 0
回答已采纳
我使用sketch.js插件在HTML5画布上绘图。虽然它在台式机上运行良好，但在移动浏览器上似乎存在一些问题。
问题是，如果我画两种不同的形状，画布一碰到它就会重新设置为空白。
为了完全清楚，我将制作和示例：绘制数字'12‘将首先绘制'1’，然后当我开始绘制'2‘时，画布将清除并且只保留数字’2‘.
<!-- CANVAS -->
<canvas id="canvas1" style="width:100%; background:white; height:150px;"></canvas>
浏览 0提问于2013-07-04得票数 7
我试图在ImageView中画一个半圆，但我无法控制在哪里画它。这个想法是用另一种颜色画另一个圆圈(50，50，20，油漆)。这是我使用的代码：
<ImageView android:id="@+id/circle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10sp
浏览 4提问于2015-03-11得票数 0
回答已采纳
3回答
我有一张html5画布。我想画/旋转画布中的图像，图像大小不变。我根据图像大小设置画布的宽度/高度。我有一个旋转图像的问题。َ在旋转图像后，红色三角形是裁剪的。在下面的链接中，有一个示例在problem.Please帮助中显示了这一点。
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var angleInDegrees = 0;
var image = document.createElement("
浏览 3提问于2013-10-22得票数 3
回答已采纳
2回答
myraphael.js:
var raphael_test=function(){
var canvas = Raphael("my-canvas", width, height);
return {
startToDraw: function(){
//canvas.clear() //Error happend when mouse click more than once
canvas.rect(10, 10, 50, 50);
}
};
}();
draw.js
var btn=$('#bt
浏览 9提问于2011-04-21得票数 1
2回答
我正在使用html5画布和js绘制一个圆圈。
var canvas = document.getElementById(key);
var context = canvas.getContext('2d');
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 35;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = &
浏览 6提问于2015-05-17得票数 0
回答已采纳
我创建了一个非常简单的JavaScript片段来说明我一直在经历的奇怪的HTML5画布行为。
我一直画同样的一组笔画，只是顺序不同，每100毫秒。为什么有些笔画的颜色一直在变化？只有当我在调用之间调整绘制顺序时，才会发生这种情况，即使每帧在相同的位置和相同的颜色中绘制的线条也是如此。
const canvasWidth = 500;
const gapBetweenLines = 5;
const nbrLines = canvasWidth / gapBetweenLines;
const canvasHeight = 500;
const canvas = document.getE
浏览 2提问于2022-10-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
