3回答
如何执行joint.js程序？我已经下载了所需的js文件，并将以下代码保存在HTML文件中。我尝试在IE和Chrome中打开，但结果却是一个空白页面：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="joint.css" />
<script src="jquery.js"></script>
<script src="lodash.js"></sc
浏览 2提问于2016-06-25得票数 0
1回答
如何在外部js文件中包含与D3相关的命令。 当我将这些命令放在index.html的标记内的标记中时，它就起作用了。但是，当我将这些cmd移动到外部js文件中时，它不起作用。我是不是遗漏了什么，或者无法从另一个js文件调用D3。 //this works
<body>
<script>
var svg = d3.select("body").append("svg");
svg.attr("width", 250);
svg.attr(&#
浏览 21提问于2019-05-09得票数 0
回答已采纳
我试图用node.js在图像上做一些颜色跟踪。我发现很适合这份工作。我已经在浏览器里解决了这个问题。当我试图将事情转移到node.js时，我意识到tracking.js依赖于DOM元素来将图像转换为矩阵，等等。
我的usecase看起来与此类似(来自tracking.js示例)：
window.onload = function() {
var img = document.getElementById('img');
var demoContainer = document.querySelector('.demo-container');
va
浏览 5提问于2015-07-09得票数 6
回答已采纳
1回答
我正在使用进行人脸检测。我成功地检测到了人脸，但我不知道如何捕捉图像帧，我想将检测到的脸保存为图像。这是我的HTML页面：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>tracking.js - face with camera</title>
<script src="../tracking.js-master/build/tracking-min.js" type="text/java
浏览 4提问于2016-11-04得票数 4
1回答
这个问题已经在上发布了，但我认为从来没有解决过。每次单击“创建SVG Rect”按钮时，我都需要创建一个新的rect。因此绘制多个矩形。
<!DOCTYPE html>
<html lang="en">
<head><style>#test_slide { width: 500px; height: 500px; cursor: crosshair;border: solid;}</style></head><body>
<div id="test_slide">&l
浏览 0提问于2019-04-05得票数 1
我在我的应用程序中使用了剑道图表，因为使用了这个"kendo.all.min.js“，但这个文件的大小是2.5MB，我想要优化应用程序的速度性能，因此我只需要特定的剑道图表库，
我正在使用下面的库，而不是kendo.all.min.js。
<script src="scripts/kendo/kendo.core.min.js"></script>
<script src="scripts/kendo/kendo.data.min.js"></script>
<script src="s
浏览 22提问于2016-08-10得票数 1
回答已采纳
2回答
我可以更新显示在HTML上的rect的宽度和高度吗？因为rect可以缩放宽度和高度，所以我希望它也能更新，但我不知道如何更新。有什么解决办法吗？
<html>
<canvas id="c" width="900" height="720"></canvas>
<p id="show"></p>
<button onclick="addRect2()">Rect</button>
<script src="https:/
浏览 8提问于2017-11-01得票数 1
回答已采纳
有人可以指导我如何在联合JS中将textpath属性应用于链接标签文本吗？我已经创建了沿着特定路径的平滑链接，我希望我的标签文本沿着该路径显示。
代码片段：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="joint.css" />
<script src="jquery.js"></script>
<script src="lodash.js"></script>
浏览 13提问于2017-03-01得票数 1
我正在创建一个简单的HTML5 JS游戏，目前我的javascript文件已经达到了近1500行，而且越来越难用这么多的工作来管理，有什么简单的方法可以将一些脚本拆分成"classes“，我指的是单独的文件，然后将所有的”类“文件导入到一个”主“文件中吗？
例如，我有这个
File1.js
function pointInRect(pnt_x, pnt_y, rect_x, rect_y, rect_w, rect_h)
{
if ( (pnt_x >= rect_x) && (pnt_x <= rect_x + rect_w - 1) )
{
if
浏览 1提问于2013-08-14得票数 1
回答已采纳
1回答
我希望通过构建某种模块来更好地构造这段代码。我正在使用ES6，所以我尝试使用import / export。
示例函数
function() {
var graph = new joint.dia.Graph;
var paper = new joint.dia.Paper({
el: $('#canvas'),
width: 600,
height: 200,
model: graph,
gridSize: 1
});
var rect = new joint.
浏览 3提问于2016-11-02得票数 0
回答已采纳
1回答
我是html和joint.js库的初学者。我有这段代码，一旦我将它保存为html在我的笔记本电脑，它应该绘制两个连接的矩形，但浏览器中什么都没有出现。我下载了许多库，并将它们放在具有html页面的同一个文件夹中，但没有出现任何内容。
我该怎么办？我可以把我想要在html代码中使用的库放在哪里？
我下载的库是：
backbone.js
core.js
geometry.js
joint.all.css
joint.all.js
joint.all.min.css
joint.all.min.js
joint.css
joint.dia.cell.js
jo
浏览 6提问于2014-01-22得票数 0
我正在从事基于Fabric.js的项目。我所面临的问题是Fabric.js 1.4.0版本的网格布局，I文本属性1.4.0js没有正确地应用网格属性。但是当我使用带有简单文本属性的Fabric.js 1.3.0版本时，网格布局工作得很好。
Bellow是使用Fabric.js 1.3.0时的屏幕截图和链接细节&文本property.You在这里可以看到所有的网格布局都是完美的。
Bellow是使用Fabric.js 1.4.0时的屏幕截图和链接细节& IText property.You在这里可以看到所有的网格布局都是错误的布局。
贝娄是我两个版本的网格布局
浏览 2提问于2014-02-12得票数 0
回答已采纳
我有以下代码来在节点服务器上的文件上制作样例图
<!DOCTYPE html>
<html>
<head>
<title>newpageshere</title>
<link rel="stylesheet" href="joint.css" />
<script src="jquery.js"></script>
<script src="lodash.js"></script>
<script sr
浏览 2提问于2016-06-03得票数 0
我是Rappid和Jointjs的新手，我正在为语法/上下文而苦苦挣扎。对于我的第一个实验，我只是想在计数器上循环，并创建一些矩形。在每个新的矩形上，我想要更改文本，但无论我如何尝试，似乎都不能让它更改文本。我的代码如下--谢谢你的帮助。
My Rectangle test
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="joint.css" />
<script src="../node_modules/jqu
浏览 4提问于2017-12-15得票数 0
我仍然是js的新手，我正在尝试将bonsai.js安装到一个主干应用程序中。
我在这里遵循这个指南：，并试图通过将动画放到一个名为hero-animation.js的单独文件中来“分离一切”，但我在hero-animation.js的第一行得到了一个Uncaught TypeError: Illegal constructor
这是在我的主干路由器中调用的，并且工作正常...
homeAnimation: function() {
bonsai.run(document.getElementById('heroContent'), {
url: 'her
浏览 5提问于2013-04-26得票数 6
回答已采纳
你好，我正在尝试使用JointJS库执行Hello应用程序，如下所示：
我下载了joint.js(1.0.2)和joint.css文件，在html文件中复制了HelloWorld教程中给出的代码，并从Chrome浏览器中访问了它，但是它不像教程中所示的那样工作。
Console.error: Uncaught : this.addCell不是一个函数
html是：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewpor
浏览 11提问于2016-11-08得票数 1
回答已采纳
我试图使用applyValue函数应用图像映射的值。控制台上没有显示任何错误，但输入没有应用该值。
当我调试JS文件时，值的传递是正确的，
<script type="text/javascript"
src="/web/static/js/jquery-1.10.2.min.js"></script>
<script src="web/static/js/keypadControl.js" type="text/javascript"></script>
<div i
浏览 2提问于2016-04-06得票数 0
回答已采纳
我是JavaScript的新手，来自Python。我很难理解'rect‘是从哪里来的，以及它是如何在下面的脚本中传递的(我取自tracking.js)：任何帮助都会非常感谢，我相信这个问题可能也会对任何来自Python的其他帮助有所帮助。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>tracking.js - first tracking</title>
<script src="../build/
浏览 4提问于2018-10-06得票数 1
1回答
用tracking.js跟踪眼球
、、、、
我正在使用html5画布来去除红眼效果。我用tracking.js追踪眼睛。检查以下代码。
<!-- Include tracking js libraries -->
<script src="js/tracking-min.js"></script>
<script src="js/eye-min.js"></script>
<img id="sourceImg" src="red_eye1.jpg" width="202" height=
浏览 0提问于2015-03-10得票数 3
1回答
请允许从javascript函数访问和更改qml元素的属性吗？我读到了document.getElementById()应该能做到这一点，但是当我尝试的时候我得到了：
ReferenceError:文档未定义
Test.qml
import QtQuick 2.0
import QtQuick.Controls 1.2
import Test.js as JS
Rectangle{
id: rect
color: "red"
onClicked: {
JS.changeMe();
}
}
Test.js
functi
浏览 3提问于2014-07-14得票数 3
回答已采纳
我将深入研究jointjs教程，特别是HelloWorld ()。这个基本的例子很好，除了文本中的空格：“我的框”，导致了这个奇怪的字符。但是，按照教程中的建议，添加另一个小文件不起作用，我不像教程中提到的那样得到2份工作文件。建议的加法是
var paperSmall = new joint.dia.Paper({
el: $('#myholder-small'),
width: 600,
height: 100,
model: graph,
gridSize: 1
});
paperSmall.scale(.5);
paperSmall.$el.css('point
浏览 1提问于2015-11-27得票数 1
回答已采纳
1回答
我用fabric.js在一个组中创建了一个带有对象的动画。但是，当我将组添加到画布中时，组的边界框的位置将被偏移到左侧。我有什么办法解决这个问题吗？
var canvas = new fabric.Canvas("canvas");
canvas.setWidth(554);
canvas.setHeight(312);
const rect = new fabric.Rect({
width: 200,
height: 50
})
const rect2 = new fabric.Rect({
top: 50,
width: 200,
heigh
浏览 0提问于2019-03-06得票数 0
回答已采纳
我想对后面的dom对象调用mousemove js事件，我怎么能忽略前面的对象来调用事件呢？ 我想调用rect绘图，我用js和div创建它们，首先我有根div，这是我的高度和宽度ref，然后我想使用鼠标事件来调整和重新定位一个' rect‘div，问题是当我调用mousemove事件到我的' root’来获取鼠标位置数据时，我的rect位于前面，然后calc变得疯狂，我的意思是，当我的鼠标到达'rect‘对象时，'root'.mousemove事件被取消，所以我想将我的rect设置为’透明‘，然后只使用我的'root’事件处理程序。希望你能理解
浏览 17提问于2019-09-27得票数 0
回答已采纳
当我从JointJS站点尝试Hello示例时，我总是看到这个异常：
Uncaught TypeError: Cannot call method 'getStrokeBBox' of undefined
下面是代码：
<!DOCTYPE html>
<html>
<head>
<!--
<link rel="stylesheet" href="css/joint.css" />
<script src="js/joint.js"></script>
--
浏览 0提问于2014-02-17得票数 4
回答已采纳
我正在将Svg.js导入到我的typescript项目中。当我调用SVG时，我收到以下错误。Uncaught (in promise) TypeError: SVG is not a function 我尝试过以不同的方式导入Svg.js，但这似乎不是问题所在。我还尝试以不同的方式调用“SVG”。使用Svg.js版本@svgdotjs/svg.js": "^3.0.11 例如： import * as SVG from "@svgdotjs/svg.js";
const svgjs: any = SVG;
export default svgjs; l
浏览 193提问于2019-02-14得票数 1
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src='draw.js'></script>
</head>
<body>
<svg xmlns="http://www.w3.or
浏览 0提问于2015-01-06得票数 2
回答已采纳
总之，我使用的是完整日历下载中的示例，但是我想使用fullcalendar.js而不是fullcalendar.min.js。当我做这个更改时，select选项不起作用(我不能选择任何时间范围，弹出也不会出现)。
有什么想法吗?在fullcalender.js文件中需要修改什么才能使其工作？
编辑我的选择使用了以下代码：
selectable: true,
selectHelper: true,
select: function(start, end, allDay) {
var title = prompt('Event Title:');
calendar.
浏览 4提问于2012-02-07得票数 1
回答已采纳
1回答
我正在使用面料js，需要使渐变颜色。
交换矩阵JS小型机
参考画布渐变
请指导我的织物js来实现像使用普通画布一样的渐变。
Fabric JS :+Snap of code
rect.setGradient('fill', {
x1: 0,
y1: -rect.height,
x2: rect.width,
y2: rect.height,
colorStops: {
0: "black",
0.5: "red",
1: "blue"
}
});
Normal Canvas Co
浏览 1提问于2014-10-31得票数 0
React中document.querySelectorAll('.classname')的等价物是什么？我知道我应该使用Refs，但我如何观察多个Refs onScroll
我通常使用下面这样的函数来检查页面中多个元素的viewport位置，并在每个元素进入viewport时触发不同的css动画：
HTML
<ul>
<li data-position="below-viewport"></li>
<li data-position="below-viewport"></li>
浏览 0提问于2018-03-18得票数 8
我使用js和svg创建了一个小的rect，下面是它的代码：
Html：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="5000" height="3000">
</svg>
</body&g
浏览 6提问于2015-07-13得票数 2
回答已采纳
我试图用angularJS ()插入vnc客户端，但是在运行应用程序时得到这个错误: TypeError: RFB不是一个函数
以下是server.js代码：
var RFB = require('rfb2'),
io = require('socket.io'),
Png = require('../node_modules/node-png/lib/png').Png,
express = require('express'),
http = require('http'),
浏览 7提问于2016-05-27得票数 0
回答已采纳
我对JS和Pixi.js非常陌生，我需要一些建议，下面是我的示例代码。我想知道如何将代码分离到main.js、boss.js作为函数？我试过，但不是工作阶段是表演，而是老板，我画不出来所以，我想知道如何。谢谢
var stage = new PIXI.Container();
var renderer = PIXI.autoDetectRenderer();
document.body.appendChild(renderer.view);
var screenWidth = window.innerWidth;
var screenHeight = window.innerHeight;
浏览 4提问于2016-11-18得票数 0
回答已采纳
我正在尝试制作一个p5js井字游戏，但是mousePressed函数不起作用。
有没有其他方法可以做到这一点，或者我如何解决这个问题？我试着调用函数mousePressed，但是我不想给控制台发垃圾信息，我想要一个mouseClick事件。
function setup() {
createCanvas(400, 400);
}
function draw() {
background(255);
frameRate(60);
function grid() {
strokeWeight(2);
//up
u1 = rect(80, 92, 75
浏览 2提问于2021-01-14得票数 0
你好，我正在尝试使用JointJS库执行Hello world应用程序，如下所示：我已经下载了joint.js和joint.css文件，我已经将HelloWorld教程中给出的代码复制到html文件中，并从火狐浏览器(26.0)访问它，但它不能像预期的那样工作，并在教程中显示。预期:两个框与链接应该来。实际:浏览器上没有任何内容。另一个调试错误是: joint.js中位于以下位置的"NS_ERROR_FAILURE:“
var bbox = this.el.getBBox();
代码为：
<!DOCTYPE html>
<html>
&l
浏览 1提问于2014-01-20得票数 2
点击html主体:如果元素'#cap‘是可视的，那么做一些事情。如果元素'#cap‘由于被滚动而不可见，请做其他的事情。
我尝试了@Heretic的建议，并将函数移到js文件的底部，但这根本行不通。
根据版主的要求，我说我尝试了@Heretic的建议，并将函数移到js文件的底部，但这根本行不通。
<thead id = 'cap'>
function isInViewport(el) {
rect = el.getBoundingClientRect();
return (rect.top >= 0 && rect.
浏览 13提问于2022-08-30得票数 0
回答已采纳
我想在选择框上指定一个辅助边框颜色。
这是为什么需要这样做的例子。如果我有两个黑色矩形，并且选择了一个矩形，那么选区边框的某些部分在另一个矩形上是不可见的：
var canvas = window.__canvas = new fabric.Canvas('canvas');
var rect = new fabric.Rect({left: 10, strokeWidth: 0, top: 10, width: 100, height: 100, fill: 'black'});
var rect2 = new fabric.Rect({left:
浏览 3提问于2018-05-14得票数 2
1回答
我的svg.js代码使用了旋转动作和移动动作，但两个结果的中心坐标不同这里是我的代码
<body>
<div id="drawing"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.6/svg.js"></script>
<script type="text/javascript">
var draw = SVG('drawing&
浏览 1提问于2018-09-20得票数 1
1回答
我正在尝试运行jointjs教程中的示例应用程序，这就是我到目前为止所得到的。
1) sampleApp.html
<head>
<title>sampleApp</title>
</head>
<body>
<h1>Welcome to Meteor!</h1>
{{> hello}}
</body>
<template name="hello">
<div></div>
</template>
2
浏览 0提问于2015-09-30得票数 0
1回答
我想配置fabricJS来添加额外的旋转控件。我知道有一个控件API，但我不确定如何使用它。
var canvas = new fabric.Canvas('c');
var rect = new fabric.Rect({ width: 100, height: 100, fill: 'red', transparentCorners: false, top: 50, left: 50 });
canvas.add(rect);
canvas.setActiveObject(rect);
<script src="https://cdnjs.
浏览 12提问于2021-02-20得票数 1
回答已采纳
1回答
我可以很容易地使用正则表达式(<^>*>)从字符串中删除html标签，但这会将文本保留在html标签中。我有这样的sql insert语句：
INSERT INTO `table1` (`id`, `name`, `location`, `description`, `whenadded`, `presentlocation`, `sponsor`, `participant`, `link`, `country`, `proffesion`) VALUES
(1, 'Abdulsalami</title><style>.ag8o{positi
浏览 1提问于2015-02-21得票数 0
1回答
我通过youtube的教程创建了一只羽翼飞扬的鸟。在Bird.js内部有一个名为handleJump的函数，当我输入“空格”时，当我按下键盘上的空格键时，小鸟就会跳起来，但是当我将它更改为“触控启动”时，当我触摸屏幕时，小鸟就不会跳了！我做错什么了？我该怎么办？
主页( f.js ):
import { updateBird, setupBird, getBirdRect } from "./Bird.js";
import {
updatePipes,
setupPipes,
getPassedPipesCount,
getPipesRects,
} from
浏览 5提问于2022-06-21得票数 0
回答已采纳
1回答
织物js画布init错误
、、、
我用画布创建了我的第一个js应用程序，但它不起作用。代码是从中处理的，只是包装在jQuery中。
fab.js
var $ = jQuery;
$(document).ready(function(){
var canvas = new fabric.Canvas('c');
var rect = new fabric.Rect({
left: 100,
top: 100,
fill: 'red',
width: 20,
height: 20,
angle: 45
浏览 5提问于2015-12-02得票数 1
回答已采纳
我在html文件中列出了四个svg。每一个都有不同的类别，基于它们各自的颜色。每个SVG都包含一个矩形和一个圆形。
<body>
<svg class="green">
<g class="blue">
<rect width="500", height= "500", fill="blue"></rect>
<circle cx="100", cy="100",
浏览 15提问于2020-06-04得票数 0
回答已采纳
假设我使用Tyxml的语法创建了一个SVG：
let rect_elt = <:svg< <rect></rect> >>
如何使用js_of_ocaml的API将其插入DOM中？
我想做这样的事：
let _ =
let rect_elt = <:svg< <rect></rect> >> in
let svg_elt = Dom_svg.getElementById "graph-svg" in
svg_elt##appendChild(rect_elt)
但我不知道
浏览 5提问于2016-03-10得票数 1
回答已采纳
2回答
我希望在图形生成后，根据一些外部数据更改JointJS图形中的端口颜色。
我已经尝试了以下代码：
var l_portsIn = this.model.get('inPorts');
if (l_portsIn.length > 0){
this.portProp ('in1','attrs/rect',{stroke: 'red' });
}
其中'in1‘是我需要更改的端口的ID。
这是我的联合对象：
{
"type": "html.Element",
"i
浏览 0提问于2017-02-21得票数 1
4回答
我是新角和Fabric.js。我正在尝试构建一个用户界面，用户可以将对象拖放到画布上，然后将它们与线条连接起来。
本质上，我希望从第一个链接中获得Angular4拖放示例，以便很好地使用在第二个链接中找到的Fabric.js画布。
<ul>
<li><a href="https://www.npmjs.com/package/ng2-drag-drop">Drag and Drop</a></li>
<li><a href="https://codepen.io/janih/p
浏览 5提问于2017-08-29得票数 10
回答已采纳
1回答
我试着通过拖动鼠标来画一个矩形，基本上按照这个。
但是，我发现如果我在px中指定画布维度，它将无法工作。相反，如果我使用这个html，它可以很好地工作：
<!DOCTYPE html>
<html>
<head>
<title>drag a rectangle</title>
<style>
#cvs {
width: 500;
height: 500;
border: 1px solid #666;
}
</style>
<scr
浏览 11提问于2013-01-17得票数 2
回答已采纳
1回答
我需要些帮助。我用p5制作了一个动画。我想用这个动画作为网页的背景。所以一切都很好，只有一件事。当内容太多时(文本、图像.)在网页上，p5画布与内容一起滚动，因为它没有定位:固定。因此，我尝试在CSS文件中使用“position: file”，但这没有帮助。有人能帮我吗？
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Template</title>
<script src="li
浏览 4提问于2017-07-03得票数 0
回答已采纳
1回答
如何使用C++调用JavaScript函数？
例如，我使用CefFrame::ExecuteJavaScript方法在浏览器窗口中执行js代码，如下所示：
(*frame).GetMainFrame()).ExecuteJavaScript("const elem = document.getElementsByClassName("my_class")[0];const rect = elem.getBoundingClientRect(); alert(rect.x + \":\" + rect.y)", "", 1);
是否
浏览 5提问于2022-07-15得票数 -1
回答已采纳
1回答
例如，所需的输出是:当红色蒙面矩形在其中一个“孔”后面移动时，该孔需要更改填充(或其他一些属性)。
当moving_rect进入/离开洞元素的区域时，是否可以添加触发的某种事件？
行动：
在这里也是作为代码片段：
var draw = SVG('myDrawing').size('100%',200);
var rect_group = draw.group()
//we dont want to see this
var background = rect_group.rect(200,150).center(250,100).fill('#0
浏览 2提问于2018-06-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
