canvas相关内容

传单 js:将 POI 绘制为画布

我想用 Leaflet 绘制许多地理点.因此我想使用 HTML5 画布来提高性能.我的数据源是geoJSON.正如我在 Leaflet 的文档中看到的，目前还不能将地理位置绘制为画布. var anotherGeojsonLayer = new L.GeoJSON(coorsField, {pointToLayer:函数(latlng){返回新的 L.Marker(latlng, {图标:新棒球 ..
发布时间：2022-01-12 18:40:56 前端开发

Leaflet.js:自定义 svg 标记太慢(还有很多点)

我正在尝试使用一些用户定义的 svg 图标作为传单上的标记，但我认为整个任务对我的浏览器来说太繁重了. 直到现在我一直在使用 L.circleMarker 但我现在必须使用星号、箭头、星号等标记，所以我决定将它们作为 svg 路径，然后将它们插入而不是我的圆圈标记.为了让事情变得更复杂，我有超过 300K 点.使用 circleMarkers，我可以制作一个可行的图表，虽然不是闪电般快速，但 ..
发布时间：2022-01-12 17:49:41 其他开发

如何从一个 HTML5 画布拖放到另一个

我试图弄清楚如何将图像从一个画布拖放到另一个画布.假设画布彼此相邻，是否可以无缝地将某些东西拖过边界?如果没有，将 div 拖到画布上，获取其 ID，然后通过响应画布上的 mouseup 位置来放置它是不是更好? 解决方案 不要在画布上拖动项目.画布是一种非保留模式(或即时模式) 图形 API.您发出绘图命令并获得像素.模拟拖动包括跟踪用户的鼠标移动并选择反复清除并使用不同参数重新绘制画布 ..
发布时间：2022-01-11 21:19:02 前端开发

C# 在 Canvas 中拖放图像

我尝试谷歌如何制作拖拽&在 Canvas 上删除 UIElements，但找不到我要查找的任何内容. 我有一个带有 Window 的 C# WPF 应用程序.在窗口内我有一个画布，我可以在其中添加图像.我想要的是能够拖动&放下图像，同时留在画布的边界内.我也希望它在代码中，而不是在 xaml 中. 我在将图像添加/更新到画布的函数中得到了这个.应将 TODO 替换为 Drag &删除事 ..
发布时间：2022-01-11 21:10:55 C#/.NET

在 HTML5 Canvas 中拖放多个对象

我正在尝试实现一个应用程序，其中用户可以在给定区域内拖放多个对象..我正在使用 html5 canvas 标签来实现这个..当只有一个对象可以拖放时画布然后代码工作正常，但是当我尝试在画布内独立拖动多个对象时，我没有得到所需的输出.. 这里是使用绘图功能仅拖放一个对象的工作示例 http://jsfiddle.net/KZ99q/ function draw() {清除();ctx. ..
发布时间：2022-01-11 20:47:26 前端开发

.drawImage 函数为画布抛出“TypeError: Image or Canvas expected"

我正在尝试在我的不和谐机器人中添加排名卡，为此我正在尝试使用画布但是当我使用画布时一切正常，直到我点击 .drawImage 方法.它给了我一个错误，说“TypeError:Image or Canvas expected".尽管我已经在全局范围内需要 canvas，但与 canvas 相关的所有其他内容也都可以正常工作. 我尝试在函数内部 require('canvas') 但这也不能解决 ..
发布时间：2022-01-10 11:55:09 前端开发

如何将事件与仅一个对象相关联?jqplot

我正在使用 jqplot 绘制一些图表.这是一个很棒的工具，但它缺少每个图表的简单点击处理程序选项. 它的插件，如荧光笔、可拖动和光标，通过将自己添加到 jqplot.eventListenerHooks (eventListenerHooks.push(['jqplotClick', callback]); 来记录他们对从 jqplot 画布捕获单击/鼠标事件的兴趣.'jqplotMous ..
发布时间：2022-01-09 17:45:20 其他开发

将 onclick 和 onmouseover 添加到画布元素

我想将 onclick、onmouseover 和 onmouseout 事件添加到画布元素中的各个形状. 我曾尝试以不同的方式使用 SVG 进行此操作，但发现没有一种方法适用于所有主要浏览器. 也许，有没有一种简单的方法可以将 onclick 和可能的其他事件添加到画布形状? 有人可以告诉我如何添加 onclick 吗? 这是我的代码: canvas{背景:盖恩斯伯勒； ..
发布时间：2022-01-09 17:20:33 前端开发

如何将简单的 onClick 事件处理程序添加到画布元素?

我是一名经验丰富的 Java 程序员，但我在大约十年来第一次看到一些 JavaScript/HTML5 的东西.我完全不知道什么应该是有史以来最简单的事情. 作为一个例子，我只是想画一些东西并向它添加一个事件处理程序.我确定我在做一些愚蠢的事情，但我已经搜索了所有内容，没有任何建议(例如这个问题的答案:添加 onclick 属性以使用 JavaScript 输入) 有效.我正在使用 Fire ..
发布时间：2022-01-09 16:43:40 前端开发

如何在画布中创建杜瓦尔三角形

我需要创建一个称为杜瓦尔三角形的三角形.它看起来像这样: 我需要用画布来做.到目前为止，我成功创建了一个三角形.但我不知道如何着色以及如何将三角形内的区域划分为图片中的不同颜色.我可以在画布中做这样的事情吗，是否可以在画布中创建杜瓦尔三角形.任何帮助都是有福的:).到目前为止的代码: var triangle = document.getElementById("triangle"); ..
发布时间：2022-01-09 09:09:52 前端开发

使用 2D 和 3D 上下文的画布 3D 绘图

由于 webgl/opengl 不支持文本绘制，所以可以使用 3D 上下文绘制 3D 对象和使用 2D 上下文绘制文本? 解决方案 不，很遗憾没有. HTML 5 规范 说，如果你在已经位于不同 getContextrel="noreferrer">上下文模式且两个上下文不兼容则返回null. 不幸的是，“webgl"和“2d"画布不兼容，因此您将得到 null: var c ..
发布时间：2022-01-09 08:58:37 前端开发

html5中的2D侧滚动相机视图

我想知道如何制作一个类似相机的视图，我可以像这样在画布元素中滚动一个关卡: http://playbiolab.com/ 解决方案 所以你想要一个 500x500 的画布来显示实际上是 9000x500 左右的东西(游戏关卡). 这很好.您所做的是将画布视为更大场景的“视口".您将画布(或其他所有内容)翻译到适当的位置并在该位置绘制所有相关的东西. 这是一个例子: ..
发布时间：2022-01-08 21:04:01 前端开发

在python中添加背景图像

我正在尝试将背景图像添加到 Python 中的画布.到目前为止，代码如下所示: 从 Tkinter 导入 *从 PIL 导入 ImageTk，图像...其他东西根=Tk()画布宽度=600画布高度=400self.canvas=Canvas(root,width=canvasWidth,height=canvasHeight)backgroundImage=root.PhotoImage("D: ..
发布时间：2022-01-08 13:33:20 Python

HTML5 画布背景图片重复

我有一个绘制声波的 html5 画布.我已将背景设置为背景图像，但是，我希望此背景图像重复.谁能告诉我我将如何做到这一点以及我需要在我的代码中添加什么: var backgroundImage = new Image();backgroundImage.src = 'http://www.samskirrow.com/client-kyra/images/main-bg.jpg';var 画布； ..
发布时间：2022-01-08 13:01:14 前端开发

在 Android 上使用 Canvas 在两条线之间绘制区域

我正在为我的应用程序开发一个简单的统计图形类.我已经尝试过 aChartEngine 和其他更多的东西，但我更喜欢使用我自己的类.我正在使用包含 Android 的 Canvas 类绘制图形，但问题是我不知道如何填充线条和底部边框之间的区域.现在，矩形没有填满所有区域，很明显，你知道有什么解决办法吗?非常感谢. 解决方案 使用 Path，带有 Paint 具有 .setStyle(Pain ..
发布时间：2022-01-07 23:53:32 移动开发