jcx5083761的专栏

// 正常绘制：// ctx.drawImage(img, px, py);// 水平“翻转”画布ctx.translate(canvas_width, 0);ctx.scale(-1, 1);// 下面画的图片是水平翻转的ctx.drawImage(img, canvas_width - img.width - px, py);// 画布恢复正常

1、VML：       VML的全称是Vector Markup Language(矢量可标记语言)，矢量的图形，意味着图形可以任意放大缩小而不损失图形的质量，这在制作地图上有很大用途,VML只是被IE支持。2、SVG：       可缩放矢量图形（Scalable Vector Graphics，SVG）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG由W

function drawImg(angle){    canvas.width = canvas.width;    var distance = size / 2 * Math.sqrt(2) * Math.sin(angle * Math.PI / 180 / 2) * 2;    var degree = 180 - 45 - (180 - angle) / 2;

Canvas画好的图片虽然可以通过toDataURL()转成二进制流的字符串格式，图片稍大一点就无法发送了，当然如果需求简单的话，可以在页面上加一个image元素，将转成的流直接赋给image的src就可以显示图片了。        但是大部分的时候我们还希望弹出保存框，保存图片到我们自己想要的路径下，或者添加一些统计和分析的信息到pdf中一起保存成一个pdf文件，这就需要在后台处理了，两种方

前端的代码：function drawArrow(angle){ //Init canvas var canvas = $('#cv_Arrow')[0]; var context = canvas.getContext('2d'); var width = canvas.width; var height = canvas.height; context.clearRect(0

1. Canvas简介：Canvas是HTML5中新增的一个重要的HTML标签，它为了客户端矢量图形而设计的，顾名思义Canvas就是一个画布，你可以在上面画出你想要的任何图形，如果你想设计一个特色的图标，你可以用Canvas，如果你想在客户端绘制一个矢量图你可以选择Canvas。http://www.w3school.com.cn/html5/html5_canvas.asp2. Can