JavaScript
分享 JavaScript 相关技术文章
孤岛的千城
这个作者很懒,什么都没留下…
展开
-
js正则的test方法一会返回true一会返回false
问题在使用js正则的test方法时,一会返回true一会返回false。如图:原因参考 MDN Web Docs 文档如果正则表达式设置了全局标志,test() 的执行会改变正则表达式 lastIndex 属性。连续的执行test()方法,后续的执行将会从 lastIndex 处开始匹配字符串,(exec() 同样改变正则本身的 lastIndex 属性值).下面的实例表现了这种行为:var regex = /foo/g;// regex.lastIndex is at 0re原创 2021-05-10 16:26:23 · 2255 阅读 · 0 评论 -
js使用Canvas将多张图片合并成一张
解决方案function mergeImgs(list) { const canvas = document.createElement('canvas') canvas.width = 500 canvas.height = 500 * list.length const context = canvas.getContext('2d') list.map((item, index) => { const img = new Image() img.src =原创 2021-03-30 10:22:38 · 6068 阅读 · 4 评论 -
Object.create和Object.assign
Object.create该方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__官方文档语法:Object.create(proto,[propertiesObject])参数:proto新创建对象的原型对象。propertiesObject可选。需要传入一个对象,该对象的属性类型参照Object.defineProperties()的第二个参数。如果该参数被指定且不为 undefined,该传入对象的自有可枚举属性(即其自身定义的属性,而不是其原型链上的枚举属性)原创 2021-03-12 13:46:29 · 464 阅读 · 1 评论 -
使用html2canvas在前端生成图片
技术选型要在前端生成图片,自然会想到使用Canvas来做。自己封装Canvas API使用开源库,如 html2canvas方案一开发、维护成本较高,并且 html2canvas 已经比较成熟稳定了,所以选择方案二。html2canvas的基本介绍该脚本允许您直接在用户浏览器上拍摄网页或部分网页的"截图"。屏幕截图基于 DOM,因此可能无法 100% 准确到真实表示,因为它不会进行实际屏幕截图,而是根据页面上提供的信息构建屏幕截图。官方文档使用安装npm install html原创 2021-03-05 09:55:55 · 343 阅读 · 1 评论 -
js将canvas生成图片并保存到本地
需求将 canvas 生成图片并保存到本地方案使用 Canvas 的 toDataURL() 方法HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型,默认为 PNG 格式。图片的分辨率为96dpi。如果画布的高度或宽度是0,那么会返回字符串“data:,”。如果传入的类型非“image/png”,但是返回的值以“data:image/png”开头,那么该传入的类型是不支持的。Chrome支持“image原创 2021-02-26 14:03:57 · 8631 阅读 · 3 评论