我使用svg用d3构建了一个集群的强制布局气泡图(在桌面上效果很好)。我想要做的是将我的代码转换为canvas，因为它在移动设备上变得相当滞后。
这是我第一次真正尝试使用canvas api，所以我不确定这样做是否正确。(可能不是)。当我运行我的代码时，我在控制台中得到以下错误消息。
Uncaught TypeError: canvas.node(...).getContext is not a function
下面是我的原始代码(svg)，它工作得很好。
HTML：
<div id="happyBubble"></div>
JS：
var svg
浏览 180提问于2021-03-09得票数 1
我在网上找到了这个，现在正试着把它放到TS中。
运行以下代码将抛出Uncaught TypeError: Cannot set property 'toggle' of null
@Injectable()
export class HomeUtils {
private canvas: HTMLCanvasElement;
private context;
private toggle = true;
constructor() { }
public startNoise(canvas: HTMLCanvasElement) {
浏览 1提问于2018-03-16得票数 16
回答已采纳
我正在开发一个firefox扩展，这样我就可以从该扩展在内容文档(浏览器中加载的网页)中创建canvas元素。
我的函数如下：
function createCanvas(el, e, count)
{
try{
alert("create canvas");
var x = getImgOffset(el).left;
var y = getImgOffset(el).top;
var body = window.content.document.getElementsByTagName('body')[0];
浏览 2提问于2011-06-09得票数 1
我有一个包含以下(部分)代码的组件：
export default {
methods: {
mymethod: (x) => {alert(x)},
},
created: () => {
this.mymethod('success');
},
我得到了以下错误：
vue.esm.js?efeb:578 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'mymethod' of undefined"
看起来&
浏览 1提问于2018-04-17得票数 11
回答已采纳
1回答
重新填充画布擦除区域的区域
、、、、
我正在尝试填充图像中的颜色使用以下代码片段填充图像的画布上的颜色。它成功地在画布上填充了颜色。现在，我正在尝试擦除填充颜色在用户触摸使用此代码片段擦除图像上的画布颜色。其擦除颜色并在触摸位置设置透明区域。现在我想在用户触摸的区域重新填充颜色，但它不允许我在上面着色，因为透明像素。那么，有没有办法用颜色重新填充像素，或者有没有其他方法可以从画布图像中擦除颜色？任何回复都将不胜感激。
在画布图像上填充颜色的代码片段
var ctx = canvas.getContext('2d'),
img = new Image;
img.onload = draw;
img.cross
浏览 2提问于2015-09-30得票数 0
我正在尝试向以下视图发出请求。但是，我得到了错误TypeError: echoplaca() got an unexpected keyword argument 'placa'。
@app.route(r'/enviaplaca/<placa>')
def echoplaca():
return "Numero de placa: {}".format(placa)
浏览 2提问于2017-05-12得票数 18
回答已采纳
是否存在阻塞和非阻塞的Javascript错误？
我的意思是，我已经看到我的站点报告了一些错误，但所涉及的过程仍然成功完成(据我所知)。这些错误包括: TypeError:未定义不是对象(计算'e.nodeName.toLowerCase') TypeError: e.nodeName未定义(它们总是来自我的通用JQuery库文件)
这就是我所说的“非阻塞”错误，因为所涉及的脚本似乎已经成功完成。
如果存在阻塞和非阻塞，那么它的正确术语是什么，我如何区分这两者之间的区别(例如，这样我就可以优先调查阻塞错误)？
谢谢
浏览 0提问于2017-06-18得票数 0
我正在尝试在一个typescript项目中扩展Pixi.Spride类。(我添加了一些其他属性)。但是当我实例化我的新对象时，我得到这样的结果：
未捕获TypeError:未定义不是函数。
下面是我的代码：
///<reference path="../lib/pixi.d.ts" />
enter code here
// Module
module test {
// Class
export class Card extends PIXI.Sprite {
public name: string;
浏览 3提问于2015-04-19得票数 1
我试图在vue中使用d3.js创建一个网络图。
下面是这方面的代码。
import * as d3 from "d3";
export default {
name: "network",
components: {},
props: [],
data() {
return {
graph: null,
};
},
computed: {},
created() {},
mounted() {
var canvas = d3.select("#network"),
浏览 11提问于2020-10-09得票数 0
回答已采纳
1回答
我正在尝试建立一个网页，将允许用户显示从存储在数组中的图像(直接或通过引用)到块的地下城地图。可以说，我没有太多的运气，我一直在研究，直到我脸色发青。有没有人能告诉我我做错了什么。
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dungeons and Dragons 3.5 Map Generator</title>
<script src="GenerateMaps.js"><
浏览 0提问于2018-10-15得票数 0
1回答
当我试图调用我的家庭控制器中的方法时，我得到了消息Uncaught TypeError:Undefined is not a function。
关于我为什么收到这条消息的建议？
findIdpActivities = function (pernr, callback) {
restEndPoint = serviceBase + 'Home/FindIdpActivities';
data = "{'perNr':'" + pernr + "'}";
makeJsonDataAjaxCa
浏览 0提问于2013-10-21得票数 2
回答已采纳
1回答
如果我不断地在画布上绘制对象，并将旧对象移出边界，旧对象是否仍然占用内存？
例如，这个
var canvas = d3.select("body").append("canvas")
.attr("width", 200)
.attr("height", 200);
var ctx = canvas.node().getContext("2d");
ctx.fillStyle = "#f00";
(function tick() {
浏览 1提问于2014-05-23得票数 2
回答已采纳
我没能让这段代码工作：
(function() {
// Creates a new canvas element and appends it as a child
// to the parent element, and returns the reference to
// the newly created canvas element
function createCanvas(parent, width, height) {
var canvas = {};
canvas.node = document.crea
浏览 0提问于2013-02-27得票数 0
回答已采纳
我有一个背景图像上的画布正方形，想法是用户可以使用它作为彩票风格的抓取器。目前，用户可以使用鼠标并在画布上单击来擦除正方形，这是可行的。然而，当我尝试在移动浏览器中触摸画布时，擦除工具不起作用，我所做的只是四处移动浏览器。
下面是代码。
(function() {
// Creates a new canvas element and appends it as a child
// to the parent element, and returns the reference to
// the newly created canvas element
浏览 7提问于2015-05-22得票数 0
我有一个wxpython对话框，它在单击OK按钮时会引发一个TypeError异常。我想用unittest测试异常的发生，但是测试不像预期的那样工作。输出显示异常被引发。无论如何，单元测试都会通知测试失败：
"C:\Program Files (x86)\Python\python.exe" test.py
Traceback (most recent call last):
File "test.py", line 22, in on_ok
raise TypeError( 'TypeError raised' )
TypeErro
浏览 3提问于2016-11-08得票数 1
回答已采纳
我正在做Python (在Python2上)，在about_classes部分有点丢失。
这就是我不知道该做什么/发生了什么的代码：
class Dog5(object):
def __init__(self, initial_name):
self._name = initial_name
@property
def name(self):
return self._name
def test_args_must_match_init(self):
self.assertRaises(___, self.Dog5) # E
浏览 0提问于2016-01-19得票数 1
回答已采纳
我有这个小小的JavaScript画布片段：
(function() {
// Creates a new canvas element and appends it as a child
// to the parent element, and returns the reference to
// the newly created canvas element
function createCanvas(parent, width, height) {
var canvas = {};
canvas.node = do
浏览 3提问于2013-02-27得票数 0
回答已采纳
我们的js播放器可以在firefox中正确加载，但不能在Chrome或IE中运行。我尝试了stackoverflow中提到的其他解决方法，以解决以下错误：
未捕获TypeError: Object #没有方法“fancybox”
4event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从发动机中移除。
但是不起作用。我尝试异步加载js文件，但似乎无法在chrome和IE中加载。
这是我们的页面网址：
按下绿色的播放按钮应该会打开下一张幻灯片，你可以在firefox中看到。
浏览 4提问于2012-05-10得票数 1
(function() {
// Creates a new canvas element and appends it as a child
// to the parent element, and returns the reference to
// the newly created canvas element
function createCanvas(parent, width, height) {
var canvas = {};
canvas.node = document.createElement('canvas'
浏览 47提问于2020-08-04得票数 1
回答已采纳
1回答
我用D3做了一张地图，这是我的代码
d3.json('https://unpkg.com/world-atlas@1/world/110m.json', (error, topology) => {
if (error) throw error;
let width = map.offsetWidth,
height = map.offsetHeight;
let projection = d3.geoMercator().scale('200').translate([width
浏览 1提问于2017-08-17得票数 1
回答已采纳
打破这条链条的正确方法是什么？例如，如果我在catch中，我不希望执行以下两个then。
我曾经把catch放在最后，但后来把它移到了前面，觉得这可能会有帮助。事实并非如此。
return axios
.post(url, data)
.catch(error => {
const message = getBannerTextFailureMessage(liability, toStatus)
dispatch(showBanner(message, bannerConstants.typeError))
})
.then(response =>
浏览 1提问于2018-07-14得票数 1
在这个用于html的绘图工具中，我想用一张照片替换颜色(#ddd)。
我想用照片代替灰色的矩形，而不是当前版本。你知道该怎么做吗？它不会让我重新定位矩形，你知道为什么吗？
(function() {
function createCanvas(parent, width, height) {
var canvas = {};
canvas.node = document.createElement('canvas');
canvas.context = canvas.node.getContext('2d');
浏览 0提问于2017-03-08得票数 2
1回答
我正在开发一个Redux应用程序，其中许多过滤器组件可以更改要执行的搜索的性质。每当其中一个筛选器组件的状态发生更改时，我都希望重新运行搜索操作。但是，我似乎无法正确地从每个过滤器组件调用搜索操作。
以下是主要的搜索操作：
// actions/search.js
import fetch from 'isomorphic-fetch';
import config from '../../server/config';
export const receiveSearchResults = (results) => ({
type: 'RE
浏览 1提问于2018-01-03得票数 24
回答已采纳
1回答
如何在画布中旋转图像？
、、、
我正在尝试使用d3从json文件中绘制图像。然后将该图像数据放入画布上下文中以实际绘制图像。我想旋转产生的图像，但我找不到方法。我实际使用的代码 $(document).ready(function() {
d3.json("resources/image.json").then(function(image) {
var canvas = d3.select("colorImage")
.append("canvas")
.at
浏览 20提问于2020-03-31得票数 1
回答已采纳
当我关闭Google API时，我得到一条“未捕获的TypeError:无法读取未定义的属性'DataTable‘”的消息。
我想捕捉这个未定义的错误，并弹出一个窗口，上面写着"Google已被禁用“，但我不确定什么类型的对象是未定义的。我目前正在检查"DataTable“对象，但我非常确定这是错误的，因为现在无论如何都会弹出窗口。
这是我的代码。
var data = new google.visualization.DataTable();
if(typeof DataTable == "undefined"){
window.alert("
浏览 8提问于2017-07-28得票数 0
回答已采纳
1回答
我和茉莉花是新来的。事实上，我刚刚下载了Jasmine，编写了我的第一个规范，并启动了SpecRunner.html文件。我还没有编写特定的init方法，在Firefox/Safari中，我看到了对此错误的很好的描述：
(Firefox) TypeError: Object.create(...).init is not a function in file...
(Safari) TypeError: undefined is not a function (evaluating 'Object.create(Seminar).init(seminarName)') in f
浏览 0提问于2014-12-17得票数 0
嘿，所有人，看看所有的堆栈溢出，这看起来像一个常见的错误，我就是不能理解。我正忙着将我们的站点从纯JS升级到jquery，为我们迁移到Rails 3.1做准备，现在我有了这个javascript：
:javascript
["Ownership", "Management", "EmploymentEquity", "SkillsDevelopment", "PreferentialProcurement", "EnterpriseDevelopment", "Socioeconom
浏览 0提问于2012-08-28得票数 0
回答已采纳
2回答
我继承了一些Javascript，这个JS曾经工作过，但由于某种原因它不再工作了。
我有以下脚本，请记住，我已经把它砍掉了，只列出了令人不快的部分：
function top_frame() {
top_frame = top.frames[0].document;
top_frame.write('<HTML><BODY topmargin=0 leftmargin=0 marginheight=0 marginwidth=0><IMG SRC="'+image_url+'/options_top.gif"
浏览 4提问于2016-03-04得票数 3
我试图在异常内部引发一个异常，但没有得到外部异常和回溯的错误消息，并且只打印了嘿。然而，如果我把一个字符串而不是k或m放在这里，我就会被困在这里。 The output, which I would need without the traceback def division(k, m):
try:
k / m
except TypeError:
raise ValueError ('hey') from None
return k / m
浏览 42提问于2021-11-15得票数 0
我在asp.net MVC5项目中使用jquery.unobtrusive和jquery.validate库来验证客户端的用户注册。
在浏览器上，我得到这个错误：
Uncaught TypeError: $(...).parents(...).andSelf is not a function
at Object.parse (jquery.validate.unobtrusive.js:211)
at HTMLDocument.<anonymous> (jquery.validate.unobtrusive.js:392)
at mightThrow (j
浏览 0提问于2017-01-29得票数 12
我刚刚得到了一个新的Mac M1，我正在尝试部署一个Firebase功能。只要我不包括节点画布模块，它就能正常工作。
当我尝试部署时，我会得到以下错误：
Error: Error occurred while parsing your function triggers.
Error: dlopen(/Library/WebServer/Documents/inklay_web_cf/functions/node_modules/canvas/build/Release/canvas.node, 0x0001): tried: '/Library/WebServer/Document
浏览 26提问于2022-02-15得票数 0
尝试将厨房水槽网格示例合并到Sencha/Extjs的Local应用程序中
当我运行sencha app watch打开chrome工具检查器时，我得到这个错误：Uncaught TypeError: Cannot read property 'isBufferedStore' of undefined
浏览 13提问于2020-05-29得票数 0
使用backbone JS库构建页面。我有一个集合，视图和路由器。目标是列出页面中集合的所有条目。
集合
window.Artifact = Backbone.Model.extend({
urlRoot:"/rest/artifacts",
initialize:function(){
this.artifacts = new ArtifactCollection();
}
});
window.ArtifactCollection = Backbone.Collection.extend({
model:Artifact,
浏览 3提问于2012-05-01得票数 0
回答已采纳
我已经构建了以下玩具示例(jsfiddle ；请在10秒内单击停止按钮)：
var width = 750, height = 400;
var canvas = d3.select("body")
.append("canvas")
.attr("width", width)
.attr("height", height);
var context = canvas.node().getContext("2d");
var x=Math.random()*50;
var y=Math.rando
浏览 0提问于2018-10-31得票数 0
回答已采纳
1回答
我使用Thread.setDefaultUncaughtExceptionHandler在扩展应用程序的类中创建了一个自定义异常处理程序，将未捕获的异常堆栈跟踪打印到文件中。我希望它也向用户显示一个自定义的错误弹出窗口，而不是默认的“不幸的是，应用程序已停止”的消息。
下面的方法创建一个AlertDialog，当单击它时返回到主菜单。它甚至可以在后台线程上运行。
void alert(final String msg) {
final Activity activity = (Activity) getContext();
activity.runOnUiThread(new
浏览 8提问于2013-07-16得票数 0
回答已采纳
1回答
我做了一个简单的游戏，你必须擦除一个有色层才能显示图像。但它只适用于我的台式机，而不适用于有触摸屏的设备(iphone或ipad)。我知道我必须将MouseEvent替换为TouchEvent，但我不知道怎么做，因为我是编程新手。我希望有人能帮我解决这个问题！ #canvas {
background-image: url("img/image.jpg");
background-repeat: no-repeat;
width: 800px;
height: 800px;
} <!DOCTYPE html>
<html
浏览 27提问于2021-04-09得票数 0
我希望在coffeescript单元测试中使用测试加倍来帮助分离关注点。
我使用sinon和mocha (在Rails应用程序与konacha的上下文中)。
在这里，我尝试的是，它有一个模拟用法的例子：
var myAPI = { method: function () {} };
var spy = sinon.spy();
var mock = sinon.mock(myAPI);
mock.expects("method").once().throws();
PubSub.subscribe("message", myAPI.method);
PubS
浏览 1提问于2015-07-04得票数 11
回答已采纳
因此，我有一个带有类和记录器的python程序。以下是代码：
import logging
path2log = "logs/1.pylog"
LOG_FORMAT = "%(levelname)s - %(name)s (%(asctime)s) : %(message)s"
#existing log levels are:
#Debug
#Info
#Warning
#Error
#Critical
logging.basicConfig(filename = path2log,
level = loggin
浏览 2提问于2018-02-06得票数 1
回答已采纳
1回答
我创建了一个小小的python函数，它提供了一个简单的检查:参数n是自然数吗？一般来说，你是如何完成这项检查的？
这是我创建的代码：
def is_natural_number(n, print_err_msg=True):
try:
if not isinstance(n, int):
raise TypeError("Your input is not of integer type.")
if n < 1:
raise ValueError("Your integer i
浏览 4提问于2016-12-30得票数 2
回答已采纳
1回答
我试图了解如何使用d3.js和HTML5 画布创建一个极简的乡村地图示例。我成功地实现了以下代码
<html>
<head>
<title></title>
</head>
<body>
</body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<
浏览 0提问于2014-09-18得票数 0
回答已采纳
1回答
我使用的是WebGL，对于某些用户，我无法获取WebGL上下文，而所有内容都表明我应该获取(最新的Chrome版本等)。到目前为止，我最好的猜测是，一些扩展在我调用getContext('webgl')之前调用了getContext('2d')，这将使我的调用返回null ()
所以我试图重写getContext来阻止对'2d‘上下文的调用：
const _getContext = HTMLCanvasElement.prototype.getContext;
HTMLCanvasElement.prototype.getContext = (type,
浏览 5提问于2016-03-09得票数 0
这段代码应该显示一个包含Hello World的div，但是我收到了错误Uncaught TypeError: System.import is not a function。我正在学习ng-book2的入门教程视频，其中包含index.html中的以下代码
<!DOCTYPE html>
<html>
<head>
<title>Angular 2</title>
<script src="js/traceur-runtime-0.0.90.js"></script>
<s
浏览 0提问于2015-07-17得票数 7
回答已采纳
这是我的服务。
export module cropyear_services {
//export interface ICropYearService {
// getFieldYearData(): any;
//}
export class CropYearService {
static $inject: string[] = ["$q", "$filter", "$httpBackend", "$http"];
constructor(private _q: ng.IQService,
浏览 1提问于2015-10-06得票数 0
我有一个奇怪的问题，希望你能帮我解决。
我在一个开发网站上运行了 --我使用一个简单的表单来允许用户输入数据。
在同一页上，输入数据后会显示一个Highchart。
数据输入表单有非常简单的基于jQuery的片段，例如。表单验证、最大字符数计数器等。
发生的情况是，当数据库中有图表数据时，图表将正确绘制，并且在您尝试输入新的数据点时，其余的JS片段将按预期工作。
但是如果数据库中没有数据(因此没有显示Highchart )，我的所有JS代码片段就会停止工作。
在Firebug控制台上，当没有数据形成图表时，我会得到这个错误：
jb is null
function n(m,h){kc=ya(a
浏览 2提问于2011-03-30得票数 8
回答已采纳
我读过和，但我的问题没有解决办法。如果我用jQuery创建一个画布，然后通过document.getElementById()回忆它，我可以调用getContext('2d')，它可以工作。如下所示：
var ctx =
$('<canvas />')
.attr({
id: 'canvasMenuSmall',
width: '500px',
height: '500px'
})
.appendTo('body&#
浏览 0提问于2014-08-16得票数 1
回答已采纳
3回答
当我想要获取画布的上下文时，我遇到了一个问题。下面是HTML代码：
<canvas id="thecanvas" width="600" height="300"></canvas>
和Javascript：
var canvaso = document.getElementById('thecanvas');
if (!canvaso) {
alert('Error: Cannot find the canvas element!');
return;
}
if (!can
浏览 2提问于2012-07-28得票数 1
我正在尝试测试以下服务。
@Injectable()
export class TranslationService {
language = 'NL';
constructor(contextService: ContextService) {
let context = contextService.getContext();
this.language = context.language;
}
}
实际测试：
describe('TranslationService', () => {
let servic
浏览 17提问于2018-03-01得票数 3
回答已采纳
1回答
我找不到这段代码中的错误。代码用于根据用户的输入用画布绘制图形。它给我带来了两个错误：
未定义的TypeError:未定义不是函数canvas.html?option=circulo:14
Uncaught :无法调用方法'getContext‘的null
var my_canvas = document.getElementById("a");
var con = my_canvas.getContext("2d");
var check = function(){
if((document.getElementById('opcio
浏览 0提问于2014-01-02得票数 0
回答已采纳
此Meteor客户端代码在移动电话屏幕上显示画布，以便客户端绘制签名，但浏览器报告错误。
TypeError: canvas.getContext不是一个函数
我做错了什么，怎么解决呢？谢谢
Template.myName.events({
'mousemove canvas.signature': function (event) {
let canvas = $(event.target);
let ctx = canvas.getContext('2d'); //<-- ERROR ----------------
浏览 3提问于2016-08-06得票数 0
回答已采纳
1回答
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link href="http://vjs.zencdn.net/4.0/video-js.css" rel="styl
浏览 0提问于2013-05-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
