永发信息网

html5 canvas上面画的图形,有没有类似于ID,Value这种属性?(我需要存放一个字符,并且可读取)

答案:3  悬赏:80  手机版
解决时间 2021-03-17 12:29
  • 提问者网友:浩歌待明月
  • 2021-03-16 15:30
html5 canvas上面画的图形,有没有类似于ID,Value这种属性?(我需要存放一个字符,并且可读取)
最佳答案
  • 五星知识达人网友:行雁书
  • 2021-03-16 17:00
主要思想是借助Canvas自己的API - toDataURL()来实现,整个实现
  
  
  
  
  
  
      
          
        Save Image  
        Download Image  
      
  
追问又一个不看题就复制粘贴的,唉追答哇哈哈~是的 还是得靠自己。你为canvas设置id,旁边放着一个输入框,点击事件之后获取输入框的输入的值作为ID呀,想输什么都随意
全部回答
  • 1楼网友:不想翻身的咸鱼
  • 2021-03-16 18:22
老哥,解决了吗?我现在在研究这一块,求分享~~
看了一个上午, 想到一个思路,给图形数据的json的时候,在json里面添加id字段和text字段,text指向唯一id
var a = [
{"id":"1","x":"80","y":"70","width":"120","height":"70","text":"哈哈哈啊"},
];
ctx.fillStyle=red;
if(a['id']=1){
ctx.fillText=a['text'];
}
ctx.fillRect(a['x'],a['y'],a['width'],a['height']);

刚想到的, 还没尝试实现,思路应该没问题,数据量大的情况的下,就是一个循环,id从0开始,对应i。等于是把每个图形的识别字符放在json里面,需要的时候调用json对象,循环就行了。 例如点击某个块的时候,获取他的填充文字,就能对应到json对象的某个你需要的字段了。追问不好意思,都有点忘了当时的想法了。不过我们的需求可能还是有一定出入。我的图形数据并不是从json获取,而是动态的去画。(或许画完放入json,然后json字段设置ID、文本,通过图形位置数据去绑定也可以,但是这样要通过位置数据去匹配,ID的意义就不大了。问题本身还是因为canvas没有提供一个类似于ID的属性,那样才能绑定相对应的数据信息)
  • 2楼网友:罪歌
  • 2021-03-16 17:47
继承Canvas类 ,也是Component 类的子类,所以
  调用 Canvas 子类的 .setBounds(arg0, arg1, arg2, arg3); 设置在 窗体容器的位置和大小, 四个参数本别是 x, y , top , bottom,是一个矩形区域

  补充:不是没有效果,是你没布局好呀. 控件不显示,一定把位置搞错了, 你这个Canvas的子类要放在顶层容器中. 不能放在 Frame中的. 比如你有一个 JPanel,你应该把Canvas的子类放在JPanel容器中

  bbs.p-mind.cn
  欢迎访问编程语言论坛,这里 可能会找到你的学习资料追问答非所问,复制粘贴。我不知道你们这样做的意义在哪?
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯