将 ID 添加到画布绘图以供以后检索
Add ID to canvas drawing for retrieving later on
我使用以下代码将带有文本的圆圈添加到画布:
function drawCircle(username, id) {
context.beginPath();
context.arc(100, 100, 50, 0, 2 * Math.PI, false);
context.fillStyle = 'rgba(255, 255, 255, 0.25)';
context.fill();
context.font = 'bold 8pt Impact, Charcoal, sans-serif';
context.fillStyle = '#ffffff';
context.textAlign = 'center';
context.fillText(username, 100, 105);
}
它确实有效。但是是否可以添加 id,以便我以后可以使用 canvas['id'] 之类的东西与圆圈进行交互?
我用不同的用户名和ID多次调用drawCircle。
查看 W3C Canvas 规范的"命中区域"部分。
不过,我不知道这些得到了多大支持。 它似乎在Chrome 40中不可用。
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 使用JSP从服务器检索和显示图像
- 通过Magento的网络服务检索运费
- 如何通过php页面将数据库值检索到jquery自动完成框中
- 无法使用javascript检索SPList项
- 可以't使用Angular解析/检索JSON
- GoogleFeed正在检索图像
- 通过ajax将坐标传递到php服务器端,并在处理后检索到javascript
- 使用Scala Play Framework视图中的键检索映射值
- HTML画布在绘图后立即擦除矩形
- 从数据库中检索字段,而不模拟它们
- 如何在corona sdk中从CK编辑器中检索数据
- 如何使用Javascript客户端对象模型检索Sharepoint 2010列表项权限
- 如何在JS Leatflet绘图插件中获取圆的坐标
- 在Node.js中上传和检索图像
- XML2JSON并检索数据
- 如何从php返回的JSON中检索值
- 如何在.js函数中检索来自其他模板的表单的目标值
- 使用ASP.NET将谷歌地图添加到项目中,并从数据库中检索位置
- 将 ID 添加到画布绘图以供以后检索