小编Jar*_*rod的帖子

jQuery Datepicker BeforeShowDay第二个参数

jQuery的datepicker允许您使用BeforeShowDay回调突出显示日期.

是否可以将第二个参数传递给方法?

$(selector).datepicker({beforeShowDay: selectedDay});   

function selectedDay(date) {

    // Do stuff

    return [true, 'class_name'];
}
Run Code Online (Sandbox Code Playgroud)

如您所见,该参数date会自动传递给selectedDay方法,因此我不确定如何传递第二个参数.

干杯.

javascript jquery datepicker

5
推荐指数
1
解决办法
4816
查看次数

画布形状模型的继承与组合?

对于以下模型,您更喜欢继承还是组合:

  • 我想在 a 上绘制对象canvas,每个对象代表一个数据对象
  • 把它想象成一个状态机图:在它们之间Ellipses表示States,Lines表示。connections/transitions对象表示本身永远不会改变,即 aState将始终由 a 显示ellipse。但绘制的方式ellipse应该有所不同,例如,对于选择,它应该具有不同的颜色,而拖动它可能应该有一个 Alpha 通道,等等。

从设计的角度来看, anellipse不是 a state, aline也不是 a transition。无论如何,将两个对象组合起来是合适的,以便能够将它们收集在一个对象中List<Shape>shape.draw()在每个对象上执行。

现在可以有 2 个设计模型,而我认为 2 个类始终是相同的:

interface Shape {
    void draw();
}
abstract class Figure implements Shape {
    //basic vars like start and end coordinates
    int x0, y0, x1, y1;
}
Run Code Online (Sandbox Code Playgroud)

遗产:

abstract class State extends Figure { …
Run Code Online (Sandbox Code Playgroud)

java oop java-canvas

5
推荐指数
1
解决办法
514
查看次数

如何使用相对/绝对定位来定位画布

我无法设置画布相对于另一个画布的位置,因此我编写了以下测试工具.

我希望在线束顶部的div中"top"和"left"指定的位置会使画布的原点相对于彼此移动.

我究竟做错了什么?

<!DOCTYPE html>
<html>
<head>
<form id='form1' style="position:relative">
  <div id='d1' style="position:absolute; top:0; left:0; z-index:1">  
      <canvas id='canvas1' width='200' height='100'>
            Your browser does not support HTML5 Canvas.
      </canvas>
  </div>
  <div id='d2' style="position:absolute; top:50; left:50; z-index:2">
      <canvas id='canvas2' width='100' height='200'>
            Your browser does not support HTML5 Canvas.
      </canvas>
  </div>
  <div id='d3' style="position:absolute; top:75; left:75; z-index:3">
      <canvas id='canvas3' width='50' height='50'>
            Your browser does not support HTML5 Canvas.
      </canvas>
  </div>
</form>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<input id='btn1' …
Run Code Online (Sandbox Code Playgroud)

css css-position html5-canvas

5
推荐指数
2
解决办法
5万
查看次数

canvas.getContext("2d") 未定义

下面的代码在所有浏览器中都可以正常打开,但是当我尝试在 WPF Web 浏览器控件中运行代码时,它给出了 Javascript 错误“canvas.getContext("2d") 未定义”。

<html>
   <head>
      <title>Bar Chart</title>
      <script src="Chart.js" type="text/javascript"></script>  
      <script type="text/javascript">
       var canvas = null;
       var context = null;

       window.onload = function () {
        invokeService();
        canvas = document.getElementById("canvas");
        var context = canvas.getContext("2d");
        alert(context);
        var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(barChartData);
    };

    var barChartData;
    function invokeService() {
        alert("q");
        barChartData = {
            labels: ["January", "February", "March", "April", "May", "June", "July"],
            datasets: [
                       {
                           fillColor: "rgba(220,220,220,0.5)",
                           strokeColor: "rgba(220,220,220,1)",
                           data: [65, 59, 90, 81, 56, 55, 40]
                       },
                       {
                           fillColor: "rgba(151,187,205,0.5)", …
Run Code Online (Sandbox Code Playgroud)

html wpf canvas

5
推荐指数
1
解决办法
1万
查看次数

JavaScript中的直线和圆之间的碰撞检测

我正在寻找一个确定的答案,可能是一个函数,因为我很慢,这将决定一个线段和圆圈是否已经碰撞,在javascript(使用画布)

像下面那样的函数如果碰撞则返回true,否则返回false将是很棒的.我甚至可能会给你一个孩子.

function isCollided(lineP1x, lineP1y, lineP2x, lineP2y, circlex, circley, radius) {

    ...
}
Run Code Online (Sandbox Code Playgroud)

我找到了很多公式,比如这个公式,但它们都在我的头上.

javascript geometry canvas collision-detection line

4
推荐指数
1
解决办法
4193
查看次数

在画布中绘制线条,但最后的线条已经褪色

我正试图在黑色背景上绘制一条白线网格.

底部3条水平线看起来褪色,直到我重绘它们,我无法弄清楚为什么会发生这种情况.有没有人见过这个和/或知道我做错了什么?

javascript html5 canvas

3
推荐指数
1
解决办法
2780
查看次数

如何使用CSS制作圆角切口?

我想使用CSS制作看起来像下图的内容:

在此输入图像描述 我完全不知道如何做到这一点.有人可以帮忙吗?

css rounded-corners css3

3
推荐指数
1
解决办法
1747
查看次数

java.awt.image.DataBufferByte无法强制转换为java.awt.image.DataBufferInt

我在使用JAVA进行编码时遇到了一些错误,我一直在尝试修复此问题,同时也试图找到有相同问题的oterh ppl并修复它但没有任何工作......

嗯..这是代码

    package ca.vanzeben.game;

import java.awt.BorderLayout;
import java.awt.Canvas;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.image.BufferStrategy;
import java.awt.image.BufferedImage;
import java.awt.image.DataBufferInt;

import javax.swing.JFrame;

public class Game extends Canvas implements Runnable {

    private static final long serialVerisionUID = 1L;

    public static final int WIDTH = 160;
    public static final int HEIGHT = WIDTH / 12*9;
    public static final int SCALE = 3;
    public static final String NAME = "Game";

    public boolean running = false;
    public int tickCount = 0;

    private JFrame …
Run Code Online (Sandbox Code Playgroud)

java swing image awt java-canvas

3
推荐指数
2
解决办法
1万
查看次数

带有条件的多个表上的 mySQL 左连接

我有个问题。我有4张桌子:

Invoice_Payment、发票、客户和日历

基本上,我有以下查询,效果很好,除了没有 date_due 的月份不会返回。IE 只会返回带有 date_due 的月份。

注意:日历表只列出一年中的每一天。它包含一个 col 调用 date_field

数据库:http : //oberto.co.nz/jInvoice.txt

预期输出:下面我当前的查询将返回如下内容:

month       total
August      5
September   0
October  196
November  205
December  214
January  229
Run Code Online (Sandbox Code Playgroud)

请注意九月没有返回?这是因为表 Invoice_Payment 没有 date_due 记录

我想我必须使用左联接并加入日历表,例如:LEFT JOIN Calendar ON Invoice_Payments.date_paid = Calendar.date_field。但我没有运气

SELECT MONTHNAME(Invoice_Payments.date_paid) as month, SUM(Invoice_Payments.paid_amount) AS total
FROM Invoice, Client, Invoice_Payments
WHERE Client.registered_id = 1
AND Client.id = Invoice.client_id
And Invoice.id = Invoice_Payments.invoice_id
AND date_paid IS NOT NULL
GROUP BY YEAR(Invoice_Payments.date_paid), MONTH(Invoice_Payments.date_paid)
Run Code Online (Sandbox Code Playgroud)

任何帮助表示赞赏。

mysql left-join multiple-tables

2
推荐指数
1
解决办法
4万
查看次数

按键监听器不起作用

我正在编写一个类似炸弹人的游戏,但我的 KeyListener 有问题。

\n\n

问题是,当游戏运行时,KeyListener 不会响应,但是当它不运行时,它会执行我告诉他的操作。

\n\n

这是我的代码

\n\n
public class direction extends Canvas implements KeyListener {\n\nstatic float bmx = 35;\nstatic float bmy = 35;\nstatic float v = 0.03f;\n\npublic static BufferStrategy strategie;\npublic static BufferedImage image;\n\npublic direction()  {                                           //pas s\xc3\xbbr de ce que \xc3\xa7a fait\n    GraphicsEnvironment ge =                                    //on m\'a dit de le mettre           \n            GraphicsEnvironment.getLocalGraphicsEnvironment();  //le programme marche tr\xc3\xa8s bien sans\n    GraphicsDevice gd = ge.getDefaultScreenDevice();\n    GraphicsConfiguration gc = gd.getDefaultConfiguration();\n    image =  gc.createCompatibleImage(700,  700);\n    setSize(700, 700);\n\n}\n\n    static boolean gauche;\n    static boolean …
Run Code Online (Sandbox Code Playgroud)

java swing keylistener key-bindings java-canvas

1
推荐指数
1
解决办法
9938
查看次数

使用画布裁剪并显示结果

我正在尝试与jCrop和一起工作canvas

我尝试使用画布直接将其裁剪,而不是将图像发送到服务器并通过裁剪的图像再次返回,因为这样做的结果是,我将裁剪的base64图像转换为图像并发送到服务器。

drawImage从画布上使用的结果。

但是问题是:

我将图像设置为400x400,但是原始图像要大得多,并且我认为画布直接从原始图像获取尺寸,而不是我确定的尺寸,因此结果与裁剪完全不同。

我做了一个确切的问题的例子。

演示版

只需裁剪图像,然后单击“剪裁”即可。

我缺少什么?

编辑:我更改为一个320x320的图像,看起来像裁剪效果很好,但与其他不是正方形的图像,没有任何效果。

css jquery canvas jcrop

0
推荐指数
1
解决办法
3786
查看次数

在 Jpanel 上绘制一个可移动的画布

我想画一个可以在 Jpanel 上移动的画布。那就是当用户点击画布并拖动它时,它必须移动到一个新的位置。我已经实现了 MouseMotionListener 但我不知道在里面包含什么来使画布按照要求移动。这是 DisplayCanvas 类:

class DisplayCanvas extends Canvas
{
    public DisplayCanvas()
    {
        setBounds(20, 40, 300, 300);
        setBackground(Color.white);
    }
}
class shape extends JFrame  implements MouseMotionListener{

static JPanel panel;
static Container contentpane;
static DisplayCanvas canvas;
shape()
{
    canvas=new DisplayCanvas();
    canvas.addMouseMotionListener(this);
    panel= new JPanel();
    panel.setBounds(20,20,250,140);
    panel.setLayout(null);
    contentpane = getContentPane();
    contentpane.add(canvas);
    contentpane.add(panel);
}
@Override
public void mouseDragged(MouseEvent e) {}
@Override
public void mouseMoved(MouseEvent arg0) {}
}
Run Code Online (Sandbox Code Playgroud)

这就是我测试它的方式。

public class display 
{
    static JFrame frame;
    public static void main(String[] args) 
    { …
Run Code Online (Sandbox Code Playgroud)

java swing jpanel java-canvas

-1
推荐指数
1
解决办法
2093
查看次数