我有一个盒子,一旦你选择盒子然后选择颜色,它就可以改变颜色。
但是,还有一个显示框轮廓的背景图像。我使用 HTML2canvas 和 jquery 作为库,因此我可以将自定义颜色更改框下载为图像,但只有在隐藏图像时才能在本地下载 - 如 CSS 所示。
我的问题是,如何下载带有背景轮廓框图像的可自定义颜色更改框?- 或 - 是否有另一种方法可以使用下载按钮在本地保存背景图像和 SVG?
//////// carousel ////////
let sliderImages = document.querySelectorAll('.slide'),
arrowLeft = document.querySelector('#arrow-left'),
arrowRight = document.querySelector('#arrow-right'),
current = 0;
//Clear all images
function reset() {
for (let i = 0; i < sliderImages.length; i++) {
sliderImages[i].style.display = 'none';
}
}
// initialize slider
function startSlide() {
reset();
sliderImages[0].style.display = "block";
}
//show previous
function slideLeft() {
reset();
sliderImages[current - 1].style.display = "block";
current--;
}
//show next
function slideRight() …Run Code Online (Sandbox Code Playgroud)当我将鼠标悬停在单个链接上时,我想更改其他链接的颜色。
例如,当我将鼠标悬停在单个链接上时,其余链接的颜色不同,即黄色,但我悬停的一个链接仍然是蓝色。
a, a:visited, a:active {
text-decoration: none;
color: red;
}
a:hover {
color: blue;
}Run Code Online (Sandbox Code Playgroud)
<div>
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</div>Run Code Online (Sandbox Code Playgroud)