javascript - js或java如何对图片进行重绘操作?
高洛峰
高洛峰 2017-04-11 12:42:51
[JavaScript讨论组]

问题描述:现在需求如下,有一张图片,然后会有对应的X、Y坐标,然后重新绘制一张带有x、y坐标点的图片。大致如下!

问:那么这样的需求应该如何来实现,是直接java后台来重绘,还是利用js来实现,亦或是canvas来重新绘制一张,希望大家能够不吝赐教,把可行的方案都大概讲解下,感谢!

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
伊谢尔伦

canvas可以的
提供一个大致思路 具体api自己查(我也忘了)
let cvs = document.querySelector('#canvas')
let context = cvs.getContext('2d')
context.drawImage(image)
context.画圆(x,y)

cvs.toDataUrl('base64')//然后将保存的base64编码保存到后台

迷茫

用canvas去实现会比较好。毕竟需要重新绘图,把你的图片最为画布的背景,然后就可以利用x,y坐标重新绘制,前提是需要先清空一次画布,再画。

var c=document.getElementById("myCanvas");  
    var cxt=c.getContext("2d");  
    cxt.clearRect(0,0,c.width,c.height); 
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号