我想将图像/图片上传到网站，并在预览中想在图像顶部添加或绘制一个红色圆圈，并将其另存为新照片。
如何归档？我添加了一个图像作为示例。
任何已知的脚本或类似脚本可能有用吗？
参考方案
您可以使用“画布”：
在HTML中动态应用圆。 （它不会修改图像）
在此处查看代码段：（黄色圆圈是一个）
使用x，y将圆定位在img上...
使用半径设置圆的大小
给颜色上色...抚摸厚度...
function drowCircle(canvas, x, y, radius, color, stroke){
canvas.width = (radius+stroke)*2;
canvas.height = (radius+stroke)*2;
canvas.style.top = y+"px";
canvas.style.left = x+"px";
var context = canvas.getContext("2d");
context.beginPath();
context.arc((canvas.width/2),(canvas.height/2),radius,0,2*Math.PI,false);
context.lineWidth=stroke;
context.strokeStyle=color;
context.stroke();
}
window.addEventListener("load",function(){
drowCircle(document.getElementById("mycanvas"), 100, 200, 25, "yellow", 5);
},false)#mycanvas{
position:absolute; top:0px; left:0px;
}<div class="imgContainer" style="position:relative;">
<img src="http://i.stack.imgur.com/XoRrD.jpg" alt="" />
<canvas id="mycanvas" width="1" height="1"></canvas>
</div>请注意，画布仅受现代浏览器支持。
要全部融合为一张图片，您需要两张图片（圆圈和图片）
而且您只能在服务器端（php）上执行此操作：
在stackoverflow中搜索“ php水印”
youtube上的视频指南：php watermark
PHP Javascript更改浏览器后退按钮行为Laravel - javascript我知道有各种各样的线程要求几乎相同的要求，但似乎没有一个真正满足我的需求。在我的网站上，我实现了搜索表单。一个简单的表单，其中包含一个名为searchQuery的输入字段和一个提交按钮。表单通过POST方法发送。我正在使用Laravel btw。。然后将搜索结果从控制器加载到视图中。这些在表中显示。现在来了有趣的部分：找到的元素是可单击的，并且您进入有关该元…
Javascript-从当前网址中删除查询字符串 - javascript单击提交按钮后，我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗？当前网址：siteUrl/page.php?key=value 页面提交后：siteUrl/page.php 实际上，我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是，一旦我提交了表格，我就需要删除查询字符串值。我已…
PHP json_encode数组到javascript关联数组 - javascript我有一些从PHP中读取的mysqli列。它正在完美地获取和回显。$results = mysqli_fetch_assoc(mysqli_query($conn, $querystring)); echo json_encode($results); //$results = {"title":"Sea Shells"…
PHP-显示特殊字符 - javascript允许用户输入的代码段//fetch user input and pass it in URL alertify.prompt("Please enter note/remarks for this Form (optional):", function (e,value) { if (e) { alertify.success(…
php curl远程页面javascript提取 - javascript我有一个远程页面，下面显示了其源代码，<!DOCTYPE html> <html> <head> <title>somethingg blabla</title> </head> <body> <script type="text/javascript…