DyuanH的博客

文档里讲了：当元素祖先的 transform, perspective 或 filter 属性非 none 时，容器由视口改为该祖先。文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/position。

标签>:nth-of-type(n) 该标签的位置属于父级的第n个儿子。:nth-child(n) 该标签的位置属于父级的第n个儿子。:first-child 该标签的位置属于父级的第1个儿子。

git 修改最后一次提交 commit 的信息。

file:// net::ERR_UNKNOWN_URL_SCHEME解决 开发环境使用tsFile://，生产环境使用file://

replaceAll 的Chrome可用版本是85查看当前Chrome版本

const fm = require('fontmin')const f = './字体名称.ttf'const fontmin = new fm()fontmin.src(f) .use(fm.glyph({ text: '天地玄黄 宇宙洪荒' })) .use(fm.ttf2svg())// .dest('./public') //生成文件路径fontmin.run((err, files, stream) => { // 回调进行更多操作 console

待补充// url to blobexport const urlToBlob = async (url: string) => { return new Promise(resolve => { fetch(url).then(res => res.blob()).then(blob => { resolve(blob) }) })}// blob to base64export const blobToDataURI = (blob

解决1、计数 dragenter和dragleave最终触发次数是相等的2、判断currentTarget和relatedTargetconst onDragenterProduct = (index: number, e: any) => { dragenterProductIndex.value = index}const onDragleaveProduct = (e: any) => { // 如果当前的节点不包含上个节点就是离开 if (!e.currentTar

解决： 添加dragover事件并阻止默认事件<div @dragover.prevent @drop="handleDrop" />

position:absolute;white-space: nowrap;

pixi.js app.renderer.plugins.extract.image 导出报错 导致Graphics是黑的GL ERROR :GL_INVALID_OPERATION : glDrawElements: Source and destination textures of the draw are the same.原因不是很明白，好像是自己draw自己最后解决方案是不用app.renderer导出，重新new一个renderer用来导出，导出完再destroy。...

对于一个旋转的dom元素，getBoundingClientRect()得到的width，height是外接矩形的宽高，offsetWidth offsetHeight是未旋转前dom的宽高

方案先通过api到出image对象，在通过canvas绘制图片，在导出数据代码const { x, y } = this.app.stage.getBounds() // 超出的x，yconst stageImage = this.app.renderer.plugins.extract.image(this.app.stage, "image/jpeg", 1)stageImage.onload = () => { const canvasElement = document.crea