svg转png
svg转png网络上常用的方式有两种：1.直接转base64放到图片src进行显示，测试效果不佳，始终报方法问题。2.先转canvas,再转为png图，测试效果可以但svg透明背景到了canvas转换会变黑。推荐使用方法三：复制链接下载svg转png的jshttp://p8sv0x8g6.bkt.clouddn.com/saveSvgAs
HTML5 Canvas 学习日志（七）
HTML5Canvas学习日志（七）ExportCanvas导出Canvascontext.fillStyle "rgb(0, 102, 153)";context.save();context.fillRect(50, 50, 100, 100);context.fillStyle "rgb(200, 0, 0)"
Openlayers4中实现动态线效果
概述：本文讲述如何结合canvas在Openlayers4中实现动态线的效果。效果：!(https://static.oschina.net/uploads/img/201804/25191518_tjv1.jpg)代码：1、moveline扩展\javascript\ viewplain
HTML5中Canvas元素的使用总结
HTML5中Canvas元素的使用总结 Canvas提供了开发者自定义绘图的接口，我们可以公国getContext()函数来获取绘图上下文进行绘制操作，这个函数中可以传入两个参数，其中第1个参数设置绘图上下文的类型，比较常用的是"2d"，我们也可以使用"webgl"来使用webOpenGL实现3D绘制。本篇博
Cocos Creator 动态设置Canvas的宽度与高度，更改适配
letcthis.node.getComponent(cc.Canvas);c.fitHeighttrue;c.fitWidthfalse;leth960\cc.winSize.height/cc.winSize.width;c.designResolutionnewcc.Size(960,
HTML5 Canvas画线技巧
利用Canvas标签换线需要怎么做？首先，我们必须先搭建一个“舞台”。<!DOCTYPE html <html <head <meta charset"gbk" <titleCanvas画线技巧</title </head <body <c
360自动识别验证码的代码
c) : b(a, function() { var b; b document.createElement("canvas"); var d b.getContext("2d"); try { b.width a.naturalWidth, b.height a.naturalHeight,
12、开源游戏
在前面中我们初始化了游戏的资源，这次我们来说下地图的绘制和游戏主循环设计。地图绘制 以前说过地图是用tiled画好，导出为图片形式的，所以地图的绘制，就是把这个图片绘制到canvas的过程。这样绘制地图就简单了，使用drawImage方法绘制即可。 这里有个2问题，1是地图的大小一般肯定是大于canvas的，所以我们只是把地图
Html5 Canvas画线有毛边解决方法
Html5Canvas所有的画线指令画出来的线条都有毛边（比如lineTo，arcTo，strokeRect），这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝，那么当按这样的坐标进行线条渲染时所要用到的就是夹缝两边的象素点，这样即便设置了lineWidth为1也将看到两个象素效果的线条，解决方法原象素点0.5进行偏移。下
canvas 动态修改favicon（模拟消息提醒）
其实主要原理就是先获取到初始的favicon图标，填充到canvas画布中，动态在画布上画出消息提示。最后更新到favicon的href中去