资料
See the Pen <a href='https://codepen.io/973782523/pen/eYJGXdb'>eYJGXdb</a> by 973782523 (<a href='https://codepen.io/973782523'>@973782523</a>) on <a href='https://codepen.io'>CodePen</a>.https://github.com/rough-stuff/rough-notation
annotation 这个对象
isShowing() 判断目前显示还是隐藏 Boolean
show() 显示,展示动画
hide() 隐藏,这不是动画
remove() 删除跟dom的联系
确定的东西不能被修改
const e = document.querySelector('#myElement');
const annotation = annotate(e, { type: 'underline', color: 'red' });
annotation.show();
annotation.color = 'green';// 颜色不能被修改
完整代码
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan nisi hendrerit augue molestie tempus.
Phasellus画横线 purus quam, aliquet nec commodo quis, pharetra ut orci. Donec laoreet ligula nisl, placerat
molestie
mauris luctus id. Fusce dapibus non libero nec lobortis. Nullam iaculis nisl ac eros consequat, sit amet placerat
massa vulputate. Maecenas euismod volutpat ultrices. Pellentesque felis ex, ullamcorper in felis finibus, feugiat
dignissim augue. Integer malesuada non eros consectetur interdum. Mauris mollis non urna in porta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan nisi hendrerit augue molestie tempus.
Phasellus框起来 purus quam, aliquet nec commodo quis, pharetra ut orci. Donec laoreet ligula nisl,
placerat molestie
mauris luctus id. Fusce dapibus non libero nec lobortis. Nullam iaculis nisl ac eros consequat, sit amet placerat
massa vulputate. Maecenas euismod volutpat ultrices. Pellentesque felis ex, ullamcorper in felis finibus, feugiat
dignissim augue. Integer malesuada non eros consectetur interdum. Mauris mollis non urna in porta.圈起来
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan nisi hendrerit augue molestie tempus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan nisi hendrerit augue molestie tempus.
Phasellus purus quam, aliquet nec commodo quis, pharetra ut orci. Donec laoreet ligula nisl, placerat
molestie
mauris luctus id. Fusce dapibus non libero nec lobortis. Nullam iaculis nisl ac eros consequat, sit amet placerat
massa vulputate. Maecenas euismod volutpat ultrices. Pellentesque felis ex, ullamcorper in felis finibus, feugiat
dignissim augue. Integer malesuada non eros consectetur interdum. Mauris mollis non urna in porta.涂上颜色
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan nisi hendrerit augue molestie tempus.
Phasellus purus quam, aliquet nec commodo quis, pharetra ut orci. Donec laoreet ligula nisl, placerat
molestie
mauris luctus id. Fusce dapibus non libero nec lobortis. Nullam iaculis nisl ac eros consequat, sit amet placerat
ullamcorper feugiat画叉叉
massa vulputate. Maecenas euismod volutpat ultrices. Pellentesque felis ex,
dignissim augue. Integer malesuada non eros consectetur interdum. Mauris mollis non urna in portasdsddssd删除线.
dignissim augue. Integer malesuada non eros consectetur interdum. Mauris mollis non urn massa vulputate. Maecenas euismod vol包起来