使用isPointInPath()引用Path2D对象？
isPointInPath()是Canvas 2D API中的一个方法，用于判断指定的点是否在路径中。
概念：
isPointInPath()方法用于检测给定的点是否在当前路径中。它接受两个参数，即要检测的点的坐标（x, y）。如果点在路径内部，则返回true；否则返回false。
分类：
isPointInPath()方法属于Canvas 2D API中的路径检测方法。
优势：
isPointInPath()方法可以用于检测用户的交互行为，例如判断鼠标点击的位置是否在某个图形内部，从而实现交互效果。
应用场景：
- 游戏开发：可以用于检测游戏中的碰撞检测，判断游戏角色是否与其他物体发生碰撞。
- 图形编辑器：可以用于判断鼠标点击的位置是否在图形对象内部，从而实现选择、移动、缩放等操作。
- 数据可视化：可以用于判断鼠标点击的位置是否在某个数据点的范围内，从而实现交互式的数据可视化效果。
推荐的腾讯云相关产品：
腾讯云提供了云计算相关的产品和服务，其中与Canvas 2D API相关的产品包括云服务器（CVM）和云函数（SCF）。
- 云服务器（CVM）：提供了虚拟化的计算资源，可以用于部署和运行Web应用程序。您可以使用CVM来搭建一个运行Canvas 2D API的服务器环境。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云函数（SCF）：是一种无服务器的计算服务，可以让您无需管理服务器即可运行代码。您可以使用云函数来编写和运行Canvas 2D API相关的代码逻辑。 产品介绍链接：https://cloud.tencent.com/product/scf
注意：以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我正在尝试使用Path2D在HTML5画布中查找JavaScript对象中的一个点。
var path = new Path2D;
path.rect(0,0,100,100);
// declare the path
ctx.beginPath();
ctx.save()
ctx.translate(500,500);
ctx.rotate(Math.PI/2);
ctx.fill(path);
ctx.restore()
// draw the path after translation and rotation
ctx.isPointInPath(path,505,500) //
浏览 2提问于2020-09-25得票数 0
回答已采纳
我用Bezier曲线创建了一个由几个扭曲的矩形组成的网格。每个矩形在图片上都有自己的颜色。
比方说，我想为每个矩形添加悬停效应，因此我需要知道它的尺寸。因为我可以填充或划出这个数字，所以我假设有一些方法可以得到它们，但我不确定。
下面是矩形的示例：
所以问题是，在画布API中有什么方法可以使我达到预期的效果吗？
浏览 2提问于2016-11-09得票数 2
回答已采纳
我希望在一个类似于CanvasRenderingContext2D.isPointInPath()实现的单个画布元素上实现对多个复杂形状的单击检测。
下面是强制性示例代码。
HTML：
<canvas id="canvas"></canvas>
<p>In path: <code id="result">false</code></p>
联署材料：
const canvas = document.getElementById('canvas');
const ctx = ca
浏览 0提问于2019-09-04得票数 0
回答已采纳
1回答
我想要点击每个圆圈分别与一个数组的圆圈。因为我想在被点击后为每个圆圈执行不同的任务。虽然在数组中存储了多个圆圈，但当我单击圆圈时，circles[]不会显示没有一个圆圈的警告，它会显示警报5次。我假设这是最后一个被随机抽取的圆圈，只有这个圆圈有点击效果！有人能帮我弄清楚吗？
const canvas = document.getElementById('flower');
const ctx = canvas.getContext('2d');
var offsetX = canvas.offsetLeft;
var offsetY = canvas.off
浏览 3提问于2019-10-15得票数 0
回答已采纳
2回答
我正在使用javascript和html画布编写一个向量汽车游戏。重点是，你点击蓝色方块和汽车去那里-简单！
外部和内部边框是我在画布上画出的两个xy点数组
我已经到了需要弄清楚这辆车是否在行驶轨道上的地步。
我试过很多不同的东西，但就是不能让它起作用。是对角线使我的头受伤。
有人能为我指出正确的方向吗？您不需要发布任何代码，只需提供一些指南，说明采用哪种方法和如何计算。
浏览 0提问于2018-03-15得票数 1
回答已采纳
3回答
我有一个画布，其中有一些不规则的形状绘图，我想得到一个反馈，当有人点击一个特定的？
我一直在寻找这一点，但只找到了矩形的解决方案。
我认为这可能与isPointInPath()有关，但我还没有找到如何使用它的简明解释。
欢迎任何帮助。
浏览 0提问于2010-08-19得票数 8
1回答
我有一个画布元素，当页面加载时，一个图像和一些形状被绘制到画布上。当单击图像时，我希望触发一个函数。我第一次试过这个。
const btn = ctx.drawImage(btnImg, 0, 0, 150, 100);
btn.onmousedown = function () {
// do stuff
}
这不管用。我在控制台上也没有发现任何错误。然后我尝试使用addEventListener函数。
const btn = ctx.drawImage(btnImg, 0, 0, 150, 100);
btn.addEventListener("click", fu
浏览 0提问于2020-11-24得票数 1
回答已采纳
1回答
我正在使用HTML元素编写一个徒手绘图the应用程序。到目前为止，我可以在sceeen上绘制形状，这些形状看起来像下面的图像。
我已经将形状的所有点存储到JS数组中。例如：
[
[
[118, 171],
[118, 170],
[118, 167],
...
],
[
[236, 131],
[236, 133],
[236, 135],
...
]
]
我现在正在寻找一种合并某些形状的方法，想象一下我想在下面的图片中合并这两个形状，这是它的样子。
我认为我必须重新绘制到画布，但过滤出所有的点，是在另一个形状。
我的第一个想法是找到一个解决方案，检查一
浏览 4提问于2021-01-29得票数 1
2回答
这是我的代码，我刚刚创建了一个框，并在其中添加了一些文本。我不确定它是否起作用。其目的是建立一个可点击的按钮。如有任何建议和帮助，将不胜感激。
//create Button
let canvas = document.getElementById("myCanvas");
let ctx = canvas.getContext("2d");
let bthHeight = 40;
let btnWidth = 100;
ctx.fillStyle = "lightgrey";
ctx.fillRect(20,20,btnHeight,btnWi
浏览 1提问于2022-05-17得票数 -1
1回答
我在地图上有一个被剪掉的区域！是否有可能在剪辑区域外点击检测，所以如果人们点击黑色暗区，它将显示一个警报？
这是我的密码：
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var image = new Image;
image.addEventListener('load', function(){
ctx.drawImage(image, 0, 0, canvas.width, canvas.height
浏览 2提问于2016-06-01得票数 2
回答已采纳
3回答
在画布中附加到对象的事件
、、、
我有一个简单的画布代码，可以在画布上画直线。
var x=document.getElementById("canvas");
var ctx=x.getContext("2d");
ctx.rect(20,20,150,100);
ctx.stroke();
是否可以在上述rect上添加eventListener？例如，如果我单击rect，它将变成红色。
浏览 8提问于2015-06-23得票数 4
回答已采纳
你好，各位开发人员，
我是新的反应和画布api，我想创建10k块(正方形)的特定尺寸，每个块是不同的ID。我已经创建了10k块的100 * 100行和列，每个框是10 * 10。
现在我想要的是为每个框分配一个ID，以标识我选择onClick并从智能契约读取数据的特定框。
一旦选择了ID，我希望能够使用输入字段选择多个框，例如，我选择了box# 4，而在输入字段中我必须选择宽度和高度，所以当我选择宽5块号5 6 7 8 9时，x方向也会被选中，同样，如果我选择高度2，然后在y方向再选择4框，也会被选中。
现在，这些选择只有在该框可用时才能进行，如果其值为false，则无论该框的高度和宽度如何，
浏览 8提问于2022-05-15得票数 1
1回答
我编写了一个代码，在画布中随机生成60个圆圈，如何处理按下的事件onclick循环消失和生成后的另一个循环？哪一个可能是最好的解决方案？守则是：
var canvas, ctx;
var circles = [];
var selectedCircle;
var vel=200;
function Circle(x, y, radius){
this.x = x;
this.y = y;
this.radius = radius;
}
function clear() { // clear canvas
ctx.clearRect(0, 0, ctx
浏览 3提问于2015-09-23得票数 1
回答已采纳
我有一个名为Box的画布“对象”，我需要检测鼠标在它上面的时候。
我对这个对象有一个draw()方法，我使用isPointInPath()方法，但只有当光标在最后一个路径上时才会改变。有什么建议吗？
Box.prototype.draw = function() {
this.ctx.beginPath();
this.ctx.moveTo(this.matrix.p1.x, this.matrix.p1.y);
this.ctx.lineTo(this.matrix.p2.x, this.matrix.p2.y);
this.ctx.lineTo(this.
浏览 2提问于2015-01-09得票数 3
我想要能够将鼠标悬停在不同的矩形上，并在悬停时改变矩形的颜色，我现在对最后一个矩形起作用，但其他矩形被清除。矩形是使用类/构造函数、数组和循环创建的。代码如下：
/*Variables*/
let canvas = document.querySelector('#canvas'),
ctx = canvas.getContext('2d'),
square;
/*Board Class*/
class Board {
constructor(startX, startY, height, width, angle) {
t
浏览 1提问于2020-11-03得票数 0
回答已采纳
1回答
我在html画布上有一个等距网格。
我正试着处理鼠标在建筑物上的悬停。
有些建筑物会有不同的高度。
正如你在下面的图片中看到的那样，我在一个瓷砖上盘旋，鼠标指针在蓝色的瓷砖里面。
问题是，当鼠标指针离开地砖时，或者在建筑物图像的中间，突出显示的瓷砖就会熄灭。
需要一种方法来点击每一个单独的建筑物，如何解决这个问题？
主要基本职能：
let applied_map = ref([]); // tileMap
let tile_images = ref([]); // this will contain loaded IMAGES for canvas to consume from
浏览 6提问于2022-09-27得票数 0
回答已采纳
2回答
我是Javascript的新手，我正在制作一个基于web (HTML)的项目，用我的基本知识，我已经设法创建了一个表格，并在上面画了一个矩形。
我现在希望能够点击矩形，像使用按钮一样使用它，但我似乎找不到任何可以帮助我的教程或答案。
这是我的矩形的代码：
function Playbutton(top, left, width, height, lWidth, fillColor, lineColor) {
context.beginPath();
context.rect(250, 350, 200, 100);
context.fillStyle = '#
浏览 0提问于2014-06-24得票数 17
回答已采纳
3回答
我目前正在做一个HTML5 Canvas项目(我写了一个关于它的单独问题)。我认为我所面临的问题的解决方案之一是为路径创建一个引用(另存为对象)，并使用ispointinpath方法来检查我的鼠标位置是否在路径内-如果不在，它将重置游戏。
我尝试为一个复杂的路径形状创建一个构造函数。下面是复杂形状在原始代码中的样子：
var canvas = document.querySelector('canvas');
// returning a drawing context to a variable 'c'
// allows you to draw 2d
浏览 0提问于2021-04-27得票数 0
1回答
画布中的事件
、、、
我正在寻找一种在画布上使用鼠标输入制作对象的方法。这些对象的形状应为平行四边形，例如：
为了检测鼠标输入，我使用了'canvas.LineTo()‘函数。我想使用这个特定的对象作为一个悬停链接，当用户将鼠标悬停在该对象上时，它会做出反应(例如，改变颜色)，就像普通的链接一样。我会感谢任何意见或替代的想法。感谢您的关注。
浏览 8提问于2016-01-20得票数 1
2回答
我有这段代码，它应该在释放鼠标按钮时移动一些像素：
if (selected != -1) {
Point to = e.getPoint();
int dx = start.x - to.x;
int dy = start.y - to.y;
for (Point p: store.get(selected)) {
int px = (int) p.getX();
int py = (int) p.getY();
p.move(px - dx, py - dy);
}
validate();
调
浏览 5提问于2013-01-13得票数 1
回答已采纳
我认为这不起作用，因为画布正在绘制向量的位图(而位图不是路径)。
即使它确实有效，位图很可能总是有一个矩形的参照器。
在使用isPointInPath时，有没有办法利用像drawImage这样的工具？
示例：
上面的画布是使用drawImage绘制的，而isPointInPath不工作。
底部画布是使用arc和isPointInPath works绘制的。
编辑**
我在一个画布上画一个圆圈，并使用isPointInPath查看鼠标指针是否在圆圈内(在我的示例中是底部画布)。我还使用drawImage将底部画布“复制”到顶层画布。注意，isPointInPat
浏览 2提问于2011-12-23得票数 2
回答已采纳
我有最新的Chrome版本，我在规范中看到它应该支持上提到的.addHitRegion()方法。由于某些原因，我得到了Uncaught TypeError: context.addHitRegion is not a function错误。
我的代码就像下面这样简单：
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.beginPath();
context.rect(10,10,100,100);
context.fi
浏览 0提问于2016-03-31得票数 6
根据，除了Safari之外，每个浏览器都支持使用SVGImageElement作为context.drawImage调用的参数。
但是，似乎很多人在Safari中使用画布绘制SVG？
例如，似乎在绘制图像(当然，阴影稍微有点混乱)。
那么，你能在Safari的画布上画SVG吗？
这仅仅是因为SVGImageElement不受支持，但是普通的Image是支持的，您可以简单地将图像上的src设置为svg，然后它就可以正常工作了吗？
如果确实如此，那么在Safari中不支持SVGImageElement真的重要吗？您仍然可以通过使用常规图像并将src设置为svg资产文件在画布上绘制svg吗？
我有这
浏览 5提问于2022-09-19得票数 0
回答已采纳
1回答
我正在努力制作游戏MineSweeper，直到现在我已经制作了我所需要的所有细胞，但我也需要可以点击这些细胞来移除它们的盖子，但似乎没有办法做到这一点。
我已经将每个对象都推到了一个数组中，并试图遍历它，然后循环使用addEventListener，但是如果我尝试在单元阵列上添加一个onclick函数，那么cell.addEventListener就不是一个相同的函数。我是做错了什么事还是做不到？
const canvas = document.getElementById("myCanvas")
const ctx = canvas.getContext("2d&
浏览 7提问于2022-04-13得票数 2
回答已采纳
当你拖动蓝色的div，我想它‘快照’到中间的绿色高亮广场时，鼠标按钮被释放。我似乎找不到从box[] (Path2D())接口读取坐标的方法。那么，是否有一个简单的方法来实现这一点呢？我应该单独保存正方形的坐标吗？或者我还能从Path2D接口中得到点吗？
const board = document.getElementById("board");
const ctxB = board.getContext("2d");
var Grid = false;
const boxsize = 64;
const amountOfrows = 8;
const a
浏览 4提问于2022-06-03得票数 2
回答已采纳
8回答
我是一名经验丰富的Java程序员，但这是我近十年来第一次学习JavaScript/HTML5。我完全被什么应该是最简单的事情难住了。
举个例子，我只是想画一些东西，并给它添加一个事件处理程序。我确信我正在做一些愚蠢的事情，但是我已经到处搜索了，没有一个建议(例如这个问题的答案：)有效。我使用的是Firefox 10.0.1。我的代码如下。您将看到几个注释行，每个行的末尾是对发生什么(或没有发生什么)的描述。
这里的正确语法是什么？我要发疯了！
<html>
<body>
<canvas id="myCanvas" width="30
浏览 5提问于2012-03-27得票数 151
回答已采纳
1回答
我的任务是创作两个画布(大的和小的)。在大的一个创造不同颜色的5颗星。
任务:点击星星，将小画布的颜色改为星星的颜色。现在的问题是，addEventListener只对最后一个元素起作用。有什么想法吗？
.html模板：
<canvas style="background-color:rgb(255, 255, 255); border: 1px solid black" id='big'>Обновите браузер</canvas>
<canvas style="background-color:rgb(255, 2
浏览 2提问于2022-03-11得票数 0
我编写了以下代码，这与我的目标类似，但不够；因为我想用多种颜色填充文本中的内容；目前只使用#FF00FF。
我认为问题是，我不知道如何使用文本"ABC“作为剪裁路径。请告诉我如何做到这一点，或任何与我的目标相当的答案。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvas</title>
<script type="text/javascript">
function test() {
浏览 1提问于2020-12-29得票数 0
回答已采纳
我正尝试在JavaScript canvas中创建一个圆形菜单，如下所示： ? 下面是我使用的代码： let canvas = document.querySelector("#canvas");
canvas.width = 500;
canvas.height = 500;
let ctx = canvas.getContext("2d");
ctx.fillStyle = "rgba(0,0,0,.45)"; // color
let circlePath = [];
let centerCircle = new Path2
浏览 42提问于2021-01-18得票数 0
回答已采纳
2回答
我要检查一个点(x，y)是否在画布上的特定区域。例如，如果我在html画布上有一个面积为100X100的区域，那么我想知道一个点(x，y)是在这个区域内还是在该区域之外。此检测将使用javascript和jquery完成。谢谢。
浏览 0提问于2012-01-17得票数 0
2回答
我看到了的问题，我不知道如何为每个圆圈设置id，并从javascript代码和css代码访问它们？(例如点击)
浏览 5提问于2015-03-03得票数 1
回答已采纳
我试图将画布引用存储在全局对象中，然后将该引用应用于元素，而不是重新生成画布。这是我现有的代码。我希望这是有意义的。提前谢谢！
waveformCache被认为是全局的
var cL = document.getElementById('track' + trackId + 'WaveformL');
var cR = document.getElementById('track' + trackId + 'WaveformR');
if (waveformCache.hasOwnProperty(track.path))
{
浏览 6提问于2016-04-02得票数 0
1回答
定制的可下垂区？
、、
我有一条三分线，我想把场地分成几个部分，这样当一个物体被丢弃时，它会被设置在近距离、中距离或三分之内。
我不知道怎么做，因为这条线是弯曲的。我查看了svg和canvas，不确定这些是否是我所需要的。
浏览 2提问于2013-11-18得票数 0
回答已采纳
1回答
在画布进行了计算之后，我如何获得path2D呢？
ctx.resetTransform()
ctx.translate(2, 2)
ctx.scale(2, 2)
ctx.beginPath()
ctx.moveTo(30, 50)
ctx.lineTo(150, 100)
ctx.strokeStyle = 'red'
ctx.stroke()
ctx.closePath()
//get path2D
浏览 5提问于2022-11-13得票数 0
回答已采纳
1回答
在我的一个项目中，我在Canvas上画了一堆定制的Canvas形状。因为我需要它是可扩展的，能够对它们执行命中检测，并与其他元素交互，所以我需要能够检测给定Path2D的大小。
据我所知，没有办法通过Path2D的接口(但还只是实验性的)来实现这一点，除了要求用户在子类化时自己指定宽度和长度之外，还有人知道我如何做到这一点吗？
谢谢。
浏览 3提问于2015-05-28得票数 2
回答已采纳
3回答
我试图通过将鼠标悬停在画布内的圆圈上来展示工具提示。当CSS从隐藏变为由javaScript可见(通过铬检查看到)时，工具提示没有显示。请帮忙解决这件事。谢谢你的帮助。
const canvas = document.getElementById('flower');
const ctx = canvas.getContext('2d');
const circle2 = new Path2D();
circle2.arc(100, 100, 25, 0, 2 * Math.PI);
浏览 4提问于2019-10-24得票数 1
回答已采纳
1回答
如何同步移动危险？
、、、、
我正试图在我的碟子中实现锯片危险。锯片简单地从A点移动到B点，然后以恒定速度向后移动。(假设所有锯片以相同的速度运动。)
目前，我使用我的引擎内置的推文功能实现了这一点，它允许我指定一个启动位置、结束位置和之间的持续时间。
我把物体从A位置开始，中间到B位置，然后再把它放回A。
这是很好的工作，但它限制了我可以做的水平设计。我没有办法在中间点启动锯片，这意味着我不能用它们设计有趣的模式，例如，让它们在它们的周期中同时通过某个中间点。
理想情况下，我希望能够设置终端点，一个周期的持续时间，以及锯片的初始配置。这将允许我以我想重复的模式启动它们，并让它们简单地运行。
所以，我的问题是：How，我可
浏览 0提问于2018-09-12得票数 2
回答已采纳
我正在尝试从SVG字符串路径创建一个Path2D对象。根据Mozilla的，可以将字符串路径作为参数传递，但是，当我在代码中尝试它时，Webstorm会显示以下错误：
TS2345: Argument of type "" is not assignable to parameter of type 'Path2D'
我试图执行的代码是：
let p = new Path2D('M10 10 h 80 v 80 h -80 Z');
我发现声明lib.d.ts的Path2D没有Path2D类的字符串构造函数。
我该如何解决这个问题？我用的是打字本
浏览 0提问于2017-05-04得票数 3
回答已采纳
1回答
我想做一个带有可点击按钮的手机面板。(HTML5，不需要支持旧浏览器)
例如。最好的手机是：
这款手机的按钮应该是可点击的，并有一个Javascript函数分配给。假设输入是panelImage和一个按钮数组，每个按钮包含一个顶点数组(x，y)
{
"panelImage": [],
"buttons": [
{
"action": "Menu",
"vertices": [ {"x": 3, "y&#
浏览 3提问于2014-05-18得票数 0
回答已采纳
我现在正在学习如何使用HTML5画布。我有一个简单的脚本，沿水平线绘制圆圈。
我想增强我的脚本，使其更具交互性。我希望能够单击线上的一个圆，这会导致链接到该圆的数据在画布上显示为文本。
这在画布中很容易实现吗？从我看过的教程中，我估计我必须在画布本身上放一个onclick。从那时起，我猜测我必须找出鼠标光标被点击的位置，并以某种方式找出哪个圆圈包含我的点击点。
有没有什么代码片段或指针可以帮助我解决这个问题？或者，画布真的不适合这种类型的问题吗？任何意见都是非常感谢的。
浏览 0提问于2011-03-10得票数 2
我用谷歌搜索了一下，但没有找到任何在HTML5中使用Context.isPointInPath的例子。
我知道如果点在当前路径上，它应该返回true，但是你到底是如何使用它的呢？你是否应该在context.beginPath()和cotext.closePath()之间使用它(或者使用fill* )
我试过这个：
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.fillRect(0,0, 100,100)
浏览 0提问于2011-09-26得票数 6
回答已采纳
我在画布内有一个路径，我想在每个形状上添加一个悬停效果。当用户将鼠标悬停在该形状上时，我希望透明该形状的背景色。到目前为止，我已经将悬停功能附加到画布上，但我想将其附加到形状上。
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
// ctx.fillStyle = "green";
// ctx.fillRect(0,0,150,150)
// ctx.fillStyle = 'green'
浏览 0提问于2020-09-27得票数 0
我在与CanvasRenderingContext2D.addHitRegion()合作时偶然发现了这个问题，我试图弄清这是否是一种预期的行为，如果是的话，这背后的原因是什么。
这里是我的工作，在这里我创建了一个带有命中区域的画布，并可以显示单击区域的id。
下面是我如何添加命中区域：
ctx.beginPath();
ctx.rect(0, i, canvasWidth, itemHeight);
ctx.fill();
ctx.addHitRegion({'id': count, 'cursor': 'pointer'});
下面是同一个示例
浏览 4提问于2015-09-08得票数 1
回答已采纳
我正在尝试序列化Path2D.Double的一个子类，序列化可以工作，但反序列化不能，因为以下异常：
Exception in thread "main" java.io.InvalidClassException: CustomShape; no valid constructor
at java.io.ObjectStreamClass$ExceptionInfo.newInvalidClassException(ObjectStreamClass.java:147)
at java.io.ObjectStreamClass.checkDeserialize(ObjectS
浏览 0提问于2012-05-07得票数 0
回答已采纳
我想在一个项目中使用新的TypeScript api，但是我没有在lib.es6.d.ts中看到它有人有用于d.ts的Path2D文件吗？
浏览 2提问于2015-12-05得票数 3
回答已采纳
1回答
带有图像的html画布剪辑
、、、、
我一直在使用html画布合成，试图用一个蒙版剪裁一个图案。
我有的主要问题是，我的蒙版来自于一个svg，在最外边界内有透明度。我希望从最外面的边界到整个内部都填充图案。
你可以看到有一个单像素的边界，然后是一些透明度，然后是一个不透明的红色内部斑点。我所做的合成工作正如文档所说的那样，单像素边框和红色的内部部分拾取了我想要遮罩到这个形状中的图案。问题是，我希望从单个像素边界开始屏蔽整个内部。
这就是我认为剪辑可能会有所帮助的地方。但clip似乎只适用于手动绘制的路径，而不适用于svg中的路径(至少我知道)。
有没有办法完成我想要做的事情？
向您致敬，詹姆斯
浏览 8提问于2021-10-07得票数 0
5回答
我对javascript中的click函数有一个问题。这是我的代码：
var canvas = document.getElementsByTagName("canvas")[0];
var ctx = canvas.getContext('2d');
BigCircle = function(x, y, color, circleSize) {
ctx.shadowBlur = 10;
ctx.shadowColor = color;
ctx.beginPath();
ctx.arc(x, y, circleSize, 0,
浏览 0提问于2012-09-28得票数 16
回答已采纳
我已经在图表上绘制了一个表示平均值的GeneralPath。现在，我需要检测鼠标何时靠近它:我已经使用Line2d.segDist来检测鼠标是否靠近Line2D对象。GeneralPath也有类似的东西吗？
浏览 0提问于2013-04-26得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
